@charset "UTF-8";

@font-face {
    font-family: 'iconfont';
    src: url('../../font/iconfont.eot');
    src: url('../../font/iconfont.eot?#iefix') format('embedded-opentype'), url('../../font/iconfont.woff') format('woff'), url('../../font/iconfont.ttf') format('truetype'), url('../../font/iconfont.svg#iconfont') format('svg')
}

.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

html,
a {
    color: #3a3a3a
}

.myMail-detail .b {
    background: url("../../images/echannel/bg/bg64.png") scroll no-repeat
}

.order-state-progress li {
    background: url("../../images/echannel/bg/bg20.png") scroll repeat-x
}

.order-state-progress li.completed,
.order-state-progress li.current {
    background: url("../../images/echannel/bg/bg21.png") scroll repeat-x
}

.myHuaban-makeWay .col-img span {
    background: url("../../images/echannel/sprites/sprites21.png") scroll no-repeat
}

.hwep-layaway-banner a {
    background: url("../../images/echannel/btn/btn6.png") scroll no-repeat
}

.pro-add-success dt s,
.pro-add-error i,
.order-sp-tips i,
.order-sp-tips s,
.section-prompt-warning i {
    background: transparent url("../../images/echannel/icon/icon33.png") scroll no-repeat
}

.myVip-state .state-level {
    background: transparent url("../../images/echannel/bg/bg66.jpg") scroll no-repeat
}

.myVip-makeWay .col-img span {
    background: url("../../images/echannel/sprites/sprites24.jpg") scroll no-repeat
}

.progress-area div {
    background: url("../../images/echannel/sprites/sprites26.png") scroll no-repeat
}

.myCredit-container .myCredit-canvas .myCredit-canvas-points {
    background: transparent url('../../images/echannel/sprites/credit_zm.png') no-repeat 0 0
}

.table-tips:after {
    background: url("../../images/echannel/icon/icon-order.png") no-repeat
}

.mc-record .list-group-item .o-logistics-link:before,
.business-user-edit:before,
.business-user-submit:before {
    background: url("../../images/echannel/icon/icon-mc.png") no-repeat
}

.table-tips:after {
    background: url("../../images/echannel/icon/icon-order.png") no-repeat
}

.pro-table-num:before {
    background: url("../../images/echannel/icon/icon-tips06.png") no-repeat
}

.pro-table-num b:before {
    background: url("../../images/echannel/icon/icon-order.png") no-repeat
}

.order-total-activity i:after {
    background: url("../../images/echannel/icon/icon-order.png") no-repeat
}

body,
button,
input,
select,
textarea {
    font-family: arial, "微软雅黑";
    line-height: 1.2
}

.wide .u-1-5 {
    width: 240px
}

.wide .u-4-5 {
    width: 940px
}

.mc-index {
    background: #f5f5f5
}

.mc-index .breadcrumb-area {
    background: #f5f5f5
}

.mc-index .u-1-5 {
    width: 180px
}

.mc-index .u-4-5 {
    width: 1002px
}

.mc-index .hr-80 {
    height: 60px
}

.mc-new {
    background: #f5f5f5
}

.mc-new .breadcrumb-area {
    background: #f5f5f5
}

.mc-new .mc-menu-area {
    padding-bottom: 42px
}

.mc-new .g {
    background: #fff
}

.mc-new .u-1-5 {
    width: 190px
}

.mc-new .u-4-5 {
    width: 1010px;
    background: #f5f5f5
}

.mc-new .mc-gray {
    width: 998px;
    min-height: 1050px
}

.mc-new .hr-80 {
    height: 60px
}

.mc-new .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.mc-new .list-group-page {
    text-align: right;
    font-size: 0
}

.mc-new .list-group-page .pager ul {
    font-size: 12px;
    margin-top: 20px
}

.icon-bank-CMB {
    background: url("../../images/echannel/icon/icon_bank.png") scroll no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-position: 0 0
}

.icon-bank-CITIC {
    background: url("../../images/echannel/icon/icon_bank.png") scroll no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-position: -40px 0
}

.icon-bank-BOC {
    background: url("../../images/echannel/icon/icon_bank.png") scroll no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-position: -80px 0
}

.icon-bank-ABC {
    background: url("../../images/echannel/icon/icon_bank.png") scroll no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-position: -120px 0
}

.icon-bank-ICBC {
    background: url("../../images/echannel/icon/icon_bank.png") scroll no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-position: -160px 0
}

.icon-bank-CCB {
    background: url("../../images/echannel/icon/icon_bank.png") scroll no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-position: -200px 0
}

.icon-bank-CMBC {
    background: url("../../images/echannel/icon/icon_bank.png") scroll no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-position: -240px 0
}

.icon-bank-CIB {
    background: url("../../images/echannel/icon/icon_bank.png") scroll no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-position: -280px 0
}

.icon-bank-SPDB {
    background: url("../../images/echannel/icon/icon_bank.png") scroll no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-position: -320px 0
}

.icon-bank-BOB {
    background: url("../../images/echannel/icon/icon_bank.png") scroll no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-position: -360px 0
}

.icon-bank-CEB {
    background: url("../../images/echannel/icon/icon_bank.png") scroll no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-position: -400px 0
}

.icon-bank-CGB {
    background: url("../../images/echannel/icon/icon_bank.png") scroll no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-position: -440px 0
}

.icon-bank-HXB {
    background: url("../../images/echannel/icon/icon_bank.png") scroll no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-position: -480px 0
}

.icon-bank-SPA {
    background: url("../../images/echannel/icon/icon_bank.png") scroll no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-position: -520px 0
}

.icon-bank-PSBC {
    background: url("../../images/echannel/icon/icon_bank.png") scroll no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-position: -560px 0
}

.icon-bank-SHB {
    background: url("../../images/echannel/icon/icon_bank.png") scroll no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-position: -600px 0
}

.icon-bank-ALL {
    background: url("../../images/echannel/icon/icon_bank.png") scroll no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-position: -640px 0
}

.link-validated {
    background: url("../../images/echannel/icon/icon40.png") scroll no-repeat;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    height: 15px;
    line-height: 15px;
    padding: 1px 0 1px 23px;
    background-position: 0 -130px
}

.link-validated:hover {
    text-decoration: none
}

.link-non-validated {
    background: url("../../images/echannel/icon/icon40.png") scroll no-repeat;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    height: 15px;
    line-height: 15px;
    padding: 1px 0 1px 23px;
    color: #333;
    background-position: 0 -156px
}

.link-non-validated:hover {
    text-decoration: none
}

.tag-gift {
    display: inline-block;
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    width: 36px;
    height: 36px;
    background-position: -155px 0
}

.tag-accessory {
    display: inline-block;
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    width: 36px;
    height: 36px;
    background-position: -195px 0
}

.button-action-ok,
.button-operate-revie,
.button-operate-apply-huaban,
.button-operate-receipt,
.button-operate-edit,
.button-operate-eval,
.button-action-edit,
.button-operate-remind,
.button-operate-suppl,
.button-operate-refund,
.button-operate-cancel-exch,
.button-action-shopping {
    text-align: center;
    background-color: #E88B00;
    border: 1px solid #E88B00;
    color: #fff !important
}

a.button-action-ok,
a.button-operate-revie,
a.button-operate-apply-huaban,
a.button-operate-receipt,
a.button-operate-edit,
a.button-operate-eval,
a.button-action-edit,
a.button-operate-remind,
a.button-operate-suppl,
a.button-operate-refund,
a.button-operate-cancel-exch,
a.button-action-shopping {
    display: inline-block
}

a.button-action-ok:hover,
a.button-operate-revie:hover,
a.button-operate-apply-huaban:hover,
a.button-operate-receipt:hover,
a.button-operate-edit:hover,
a.button-operate-eval:hover,
a.button-action-edit:hover,
a.button-operate-remind:hover,
a.button-operate-suppl:hover,
a.button-operate-refund:hover,
a.button-operate-cancel-exch:hover,
a.button-action-shopping:hover {
    text-decoration: none
}

input.button-action-ok,
input.button-operate-revie,
input.button-operate-apply-huaban,
input.button-operate-receipt,
input.button-operate-edit,
input.button-operate-eval,
input.button-action-edit,
input.button-operate-remind,
input.button-operate-suppl,
input.button-operate-refund,
input.button-operate-cancel-exch,
input.button-action-shopping {
    cursor: pointer
}

.button-action-ok:hover,
.button-operate-revie:hover,
.button-operate-apply-huaban:hover,
.button-operate-receipt:hover,
.button-operate-edit:hover,
.button-operate-eval:hover,
.button-action-edit:hover,
.button-operate-remind:hover,
.button-operate-suppl:hover,
.button-operate-refund:hover,
.button-operate-cancel-exch:hover,
.button-action-shopping:hover {
    background-color: #DD8400;
    border: 1px solid #DD8400
}

.button-action-save,
.button-action-cancel,
.button-upload,
.button-operate-cancel-order,
.button-operate-unfollow,
.button-operate-edit-cancel,
.button-action-next,
.button-action-prev,
.button-action-view-exch,
.button-operate-upload,
.button-getCode {
    text-align: center;
    background-color: #FAFAFA;
    border: 1px solid #bbb;
    color: #333 !important
}

a.button-action-save,
a.button-action-cancel,
a.button-upload,
a.button-operate-cancel-order,
a.button-operate-unfollow,
a.button-operate-edit-cancel,
a.button-action-next,
a.button-action-prev,
a.button-action-view-exch,
a.button-operate-upload,
a.button-getCode {
    display: inline-block
}

a.button-action-save:hover,
a.button-action-cancel:hover,
a.button-upload:hover,
a.button-operate-cancel-order:hover,
a.button-operate-unfollow:hover,
a.button-operate-edit-cancel:hover,
a.button-action-next:hover,
a.button-action-prev:hover,
a.button-action-view-exch:hover,
a.button-operate-upload:hover,
a.button-getCode:hover {
    text-decoration: none
}

input.button-action-save,
input.button-action-cancel,
input.button-upload,
input.button-operate-cancel-order,
input.button-operate-unfollow,
input.button-operate-edit-cancel,
input.button-action-next,
input.button-action-prev,
input.button-action-view-exch,
input.button-operate-upload,
input.button-getCode {
    cursor: pointer
}

.button-action-save:hover,
.button-action-cancel:hover,
.button-upload:hover,
.button-operate-cancel-order:hover,
.button-operate-unfollow:hover,
.button-operate-edit-cancel:hover,
.button-action-next:hover,
.button-action-prev:hover,
.button-action-view-exch:hover,
.button-operate-upload:hover,
.button-getCode:hover {
    background-color: #3a3a3a;
    border: 1px solid #3a3a3a;
    color: #fff !important
}

.button-operate-place-order,
.button-operate-pay-deposit,
.button-operate-pay,
.button-action-pay,
.button-operate-buy,
.button-huaban-check,
.button-operate-merge-pay,
.button-hwep-add-cart,
.button-next-red {
    text-align: center;
    background-color: #ca151e;
    border: 1px solid #ca151e;
    color: #FFF !important
}

a.button-operate-place-order,
a.button-operate-pay-deposit,
a.button-operate-pay,
a.button-action-pay,
a.button-operate-buy,
a.button-huaban-check,
a.button-operate-merge-pay,
a.button-hwep-add-cart,
a.button-next-red {
    display: inline-block
}

a.button-operate-place-order:hover,
a.button-operate-pay-deposit:hover,
a.button-operate-pay:hover,
a.button-action-pay:hover,
a.button-operate-buy:hover,
a.button-huaban-check:hover,
a.button-operate-merge-pay:hover,
a.button-hwep-add-cart:hover,
a.button-next-red:hover {
    text-decoration: none
}

input.button-operate-place-order,
input.button-operate-pay-deposit,
input.button-operate-pay,
input.button-action-pay,
input.button-operate-buy,
input.button-huaban-check,
input.button-operate-merge-pay,
input.button-hwep-add-cart,
input.button-next-red {
    cursor: pointer
}

.button-operate-place-order:hover,
.button-operate-pay-deposit:hover,
.button-operate-pay:hover,
.button-action-pay:hover,
.button-operate-buy:hover,
.button-huaban-check:hover,
.button-operate-merge-pay:hover,
.button-hwep-add-cart:hover,
.button-next-red:hover {
    background-color: #ab0009;
    border: 1px solid #ab0009
}

.button-operate-pay-disabled,
.button-action-pay-disabled,
.button-action-edit-disabled,
.button-huaban-check-disabled,
.button-hwep-sellout,
.button-getCode-disabled {
    text-align: center;
    background-color: #F2F2F2;
    border: 1px solid #BBB;
    color: #666 !important;
    cursor: not-allowed
}

a.button-operate-pay-disabled,
a.button-action-pay-disabled,
a.button-action-edit-disabled,
a.button-huaban-check-disabled,
a.button-hwep-sellout,
a.button-getCode-disabled {
    display: inline-block
}

a.button-operate-pay-disabled:hover,
a.button-action-pay-disabled:hover,
a.button-action-edit-disabled:hover,
a.button-huaban-check-disabled:hover,
a.button-hwep-sellout:hover,
a.button-getCode-disabled:hover {
    text-decoration: none
}

input.button-operate-pay-disabled,
input.button-action-pay-disabled,
input.button-action-edit-disabled,
input.button-huaban-check-disabled,
input.button-hwep-sellout,
input.button-getCode-disabled {
    cursor: pointer
}

.button-action-ok,
.button-action-cancel,
.button-action-save,
.button-action-pay,
.button-action-pay-disabled,
.button-action-edit,
.button-action-edit-disabled,
.button-action-next,
.button-action-prev,
.button-action-shopping,
.button-action-view-exch,
.button-next-red,
.button-getCode,
.button-getCode-disabled {
    width: 130px;
    padding: 0 12px;
    font-size: 16px !important;
    vertical-align: middle;
    height: 38px
}

a.button-action-ok,
a.button-action-cancel,
a.button-action-save,
a.button-action-pay,
a.button-action-pay-disabled,
a.button-action-edit,
a.button-action-edit-disabled,
a.button-action-next,
a.button-action-prev,
a.button-action-shopping,
a.button-action-view-exch,
a.button-next-red,
a.button-getCode,
a.button-getCode-disabled {
    line-height: 38px
}

input.button-action-ok,
input.button-action-cancel,
input.button-action-save,
input.button-action-pay,
input.button-action-pay-disabled,
input.button-action-edit,
input.button-action-edit-disabled,
input.button-action-next,
input.button-action-prev,
input.button-action-shopping,
input.button-action-view-exch,
input.button-next-red,
input.button-getCode,
input.button-getCode-disabled {
    width: 156px;
    height: 40px
}

.button-width-auto {
    width: auto;
    min-width: 160px;
    padding: 0 9px
}

.button-action-view-exch {
    width: 154px
}

.button-getCode,
.button-getCode-disabled {
    font-size: 14px !important
}

.button-upload,
.button-operate-place-order,
.button-operate-pay-deposit,
.button-operate-merge-pay,
.button-operate-revie,
.button-operate-apply-huaban,
.button-operate-receipt,
.button-operate-pay,
.button-operate-pay-disabled,
.button-operate-cancel-order,
.button-operate-buy,
.button-operate-unfollow,
.button-operate-edit,
.button-operate-edit-cancel,
.button-operate-eval,
.button-operate-remind,
.button-operate-suppl,
.button-operate-refund,
.button-operate-cancel-exch,
.button-hwep-add-cart,
.button-hwep-sellout,
.button-operate-upload {
    width: 118px;
    height: 28px;
    line-height: 28px;
    font-size: 14px
}

.button-upload.disabled,
.button-operate-place-order.disabled,
.button-operate-pay-deposit.disabled,
.button-operate-merge-pay.disabled,
.button-operate-revie.disabled,
.button-operate-apply-huaban.disabled,
.button-operate-receipt.disabled,
.button-operate-pay.disabled,
.button-operate-pay-disabled.disabled,
.button-operate-cancel-order.disabled,
.button-operate-buy.disabled,
.button-operate-unfollow.disabled,
.button-operate-edit.disabled,
.button-operate-edit-cancel.disabled,
.button-operate-eval.disabled,
.button-operate-remind.disabled,
.button-operate-suppl.disabled,
.button-operate-refund.disabled,
.button-operate-cancel-exch.disabled,
.button-hwep-add-cart.disabled,
.button-hwep-sellout.disabled,
.button-operate-upload.disabled {
    background: #e4898e;
    color: #f2c4c7 !important;
    cursor: not-allowed;
    border: 1px solid #e4898e
}

.button-go-cart,
.button-walking,
.button-par-define {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    width: 118px;
    height: 35px;
    line-height: 35px
}

.button-go-cart:hover,
.button-walking:hover,
.button-par-define:hover {
    text-decoration: none
}

.button-go-cart {
    border: 1px solid #ca151e;
    background-color: #ca151e;
    color: #FFF
}

.button-go-cart:hover {
    background-color: #E64A4D;
    border-color: #E64A4D
}

.button-go-cart:active {
    background-color: #C91A1D;
    border-color: #C91A1D
}

.button-par-define,
.button-walking {
    border: 1px solid #D1D1D1;
    background-color: #F7F7F7;
    background-color: rgba(0, 0, 0, 0.03)
}

.button-par-define:hover,
.button-walking:hover {
    background-color: #F9F9F9;
    border-color: #DADADA;
    color: #5C5C5C
}

.button-par-define:active,
.button-walking:active {
    background-color: #EAEAEA;
    border-color: #C6C6C6;
    color: #303030
}

.button-next-red.disabled {
    background: #e4898e;
    color: #f2c4c7;
    border-color: #e4898e;
    cursor: not-allowed
}

.order-total-activity {
    width: 12px;
    height: 12px;
    background: url("../../images/echannel/icon/icon-tips01.png") no-repeat;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 8px
}

.order-total-activity:hover i {
    display: block
}

.order-total-activity i {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d6d6d6;
    box-shadow: 0 2px 5px rgba(100, 100, 100, 0.2);
    font-size: 12px;
    line-height: 1.4;
    font-style: normal;
    width: 195px;
    padding: 10px;
    position: absolute;
    right: -103px;
    bottom: 28px;
    z-index: 10;
    text-align: left;
    display: none
}

.order-total-activity i .icon-sales {
    display: inline;
    position: relative;
    min-width: 1px;
    top: -2px;
    margin-left: 10px
}

.order-total-activity i .icon-sales:first-child {
    margin-left: 0
}

.order-total-activity i:after {
    background-position: 0 -158px;
    bottom: -10px;
    content: "";
    display: block;
    height: 10px;
    right: 98px;
    position: absolute;
    width: 21px
}

.stockbox {
    display: inline-block;
    height: 38px;
    position: relative;
    width: 58px
}

.stockbox input {
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease;
    float: left;
    height: 18px;
    line-height: 18px;
    margin: 0;
    padding: 9px 0;
    width: 36px;
    border: 1px solid #ddd;
    text-align: center
}

.stockbox input:focus {
    border-color: #888
}

.stockbox input[disabled],
.stockbox input.disabled {
    background-color: #e8e8e8;
    color: #bbb;
    cursor: not-allowed
}

.stockbox a {
    background: url("../../images/echannel/icon/icon31.png") scroll no-repeat;
    border: 1px solid #bbb;
    font-size: 1px;
    line-height: 1px;
    position: absolute;
    right: 0;
    height: 15px;
    width: 15px
}

.stockbox a.stock-minus {
    bottom: 0;
    background-position: 0 -66px
}

.stockbox a.stock-plus {
    top: 0;
    background-position: 0 -41px
}

.stockbox a.stock-minus-disabled {
    bottom: 0;
    position: absolute;
    right: 0;
    border-color: #cdcdcd;
    background-position: -75px -66px;
    cursor: not-allowed;
    background-color: #e6e6e6
}

.stockbox a.stock-plus-disabled {
    position: absolute;
    right: 0;
    top: 0;
    border-color: #cdcdcd;
    background-position: -75px -41px;
    cursor: not-allowed;
    background-color: #e6e6e6
}

.stockbox a span {
    display: none
}

.label-success,
.label-error {
    background: url("../../images/echannel/icon/icon40.png") scroll no-repeat;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    padding: 0 0 0 22px
}

.label-success {
    background-position: 0 -130px;
    color: #333
}

.label-error {
    background-position: 0 -105px;
    color: #333
}

.label-info {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #333
}

.filebox {
    display: inline-block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    width: 120px;
    height: 30px;
    vertical-align: middle
}

.filebox .input-upload-file {
    position: absolute;
    margin-right: 0 !important;
    right: 0;
    top: 0;
    _font-size: 100px;
    _font-size: 12px;
    _zoom: 10;
    height: 30px;
    _height: auto;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    cursor: pointer;
    z-index: 2
}

.button-filebox {
    display: inline-block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    width: 120px;
    height: 30px;
    vertical-align: middle
}

.button-filebox .input-upload-file {
    position: absolute;
    margin-right: 0 !important;
    right: 0;
    top: 0;
    _font-size: 100px;
    _font-size: 12px;
    _zoom: 10;
    height: 30px;
    _height: auto;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    cursor: pointer;
    z-index: 2
}

.link-filebox {
    display: inline-block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    width: 120px;
    height: 30px;
    vertical-align: middle;
    width: auto;
    height: auto
}

.link-filebox .input-upload-file {
    position: absolute;
    margin-right: 0 !important;
    right: 0;
    top: 0;
    _font-size: 100px;
    _font-size: 12px;
    _zoom: 10;
    height: 30px;
    _height: auto;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    cursor: pointer;
    z-index: 2
}

.link-filebox a {
    color: #36c
}

.rater-star {
    position: relative;
    margin-right: 5px;
    background-repeat: repeat-x;
    background-position: 0 -1px
}

.rater-star .rater-star-item,
.rater-star .rater-star-item-current,
.rater-star .rater-star-item-hover {
    position: absolute;
    font-size: 0;
    line-height: 0;
    top: 0;
    left: 0;
    background-repeat: repeat-x
}

.rater-star .rater-star-item {
    background-position: -100% -100%
}

.rater-star .rater-star-item-hover {
    background-position: 0 -25px;
    cursor: pointer
}

.rater-star .rater-star-item-current {
    background-position: 0 -25px
}

.rater-star li em {
    position: absolute;
    top: 40px;
    font-size: 12px;
    background: #fff;
    border: 1px solid #ccc;
    height: 28px;
    line-height: 28px;
    border-radius: 2px;
    display: none;
    padding: 0 10px;
    text-align: center;
    box-shadow: 0 1px 6px #dcdcdc
}

.rater-star li em:before {
    content: "";
    width: 21px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: -10px;
    margin-left: -10px;
    background: url("../../images/echannel/icon/icon-order.png") no-repeat -24px -158px
}

.rater-star li:first-child+li em {
    left: -30px;
    width: 60px
}

.rater-star li:first-child+li+li em {
    left: 4px;
    width: 40px
}

.rater-star li:first-child+li+li+li em {
    left: 34px;
    width: 30px
}

.rater-star li:first-child+li+li+li+li em {
    left: 57px;
    width: 30px
}

.rater-star li:first-child+li+li+li+li+li em {
    left: 71px;
    width: 50px
}

.rater-star li.rater-star-item-hover em {
    display: block
}

.form-edit-panels .form-edit-table table tr .textarea {
    height: 90px
}

.form-info-panels {
    font-size: 14px;
    line-height: 21px;
    padding: 0 0 13px
}

.form-info-panels th,
.form-info-panels td {
    vertical-align: top;
    padding: 3.5px 0
}

.form-info-panels th {
    text-align: right;
    color: #888;
    padding-right: 9px
}

.form-info-panels .link {
    text-decoration: underline;
    color: #36c
}

.ec-tab {
    position: relative
}

.ec-tab ul {
    *zoom: 1;
    _display: inline
}

.ec-tab ul:before,
.ec-tab ul:after {
    content: "";
    display: table
}

.ec-tab ul:after {
    clear: both
}

.ec-tab ul li {
    float: left
}

.ec-tab ul li a {
    display: block;
    color: #888;
    font-size: 14px;
    padding: 0 13px
}

.ec-tab ul li a span {
    _zoom: 1
}

.ec-tab ul li a em {
    color: #ca151e;
    margin-left: 4px
}

.ec-tab ul li a:hover {
    text-decoration: none
}

.ec-tab ul li a:hover span {
    color: #333
}

.ec-tab ul li.current a {
    color: #333
}

.ec-tab .ec-tab-arrow {
    position: absolute;
    background-color: #333;
    height: 1px;
    overflow: hidden;
    bottom: -1px
}

.my-tab .ec-tab {
    border-bottom: solid 1px #dedede;
    padding-bottom: 11px;
    position: relative;
    margin-bottom: 20px;
    margin-top: 15px
}

.my-tab .ec-tab ul {
    *zoom: 1;
    _display: inline
}

.my-tab .ec-tab ul:before,
.my-tab .ec-tab ul:after {
    content: "";
    display: table
}

.my-tab .ec-tab ul:after {
    clear: both
}

.my-tab .ec-tab ul li {
    float: left
}

.my-tab .ec-tab ul li a {
    display: block;
    color: #888;
    font-size: 16px;
    padding: 0 15px
}

.my-tab .ec-tab ul li a span {
    _zoom: 1
}

.my-tab .ec-tab ul li a em {
    color: #ca151e;
    margin-left: 4px
}

.my-tab .ec-tab ul li a:hover {
    text-decoration: none
}

.my-tab .ec-tab ul li a:hover span {
    color: #333
}

.my-tab .ec-tab ul li.current a {
    color: #333
}

.my-tab .ec-tab .ec-tab-arrow {
    position: absolute;
    background-color: #333;
    height: 1px;
    overflow: hidden;
    bottom: -1px
}

.order-sp-tips {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 14px;
    vertical-align: middle
}

.order-sp-tips .tips-area {
    position: relative
}

.order-sp-tips i {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 14px;
    height: 14px;
    vertical-align: top;
    margin: -1px 0 0 0;
    _margin: 0;
    float: none
}

.order-sp-tips s,
.order-sp-tips .tips-text {
    display: none
}

.order-sp-tips s {
    position: absolute;
    font-size: 0;
    line-height: 0;
    background-position: -72px -106px;
    height: 7px;
    left: 50%;
    margin-left: -5px;
    bottom: 25px;
    *bottom: 20px;
    width: 11px
}

.order-sp-tips .tips-text {
    position: absolute;
    z-index: 1;
    bottom: 31px;
    *bottom: 26px;
    line-height: 1.5;
    color: #303030;
    font-size: 12px;
    width: 186px;
    right: 50%;
    margin-right: -104px;
    padding: 8px 13px;
    font-family: 'Tahoma', '\5FAE\8F6F\96C5\9ED1';
    border: 1px solid #D2D2D2;
    background-color: #F2F2F2;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05)
}

.order-sp-tips .tips-area:hover s,
.order-sp-tips .tips-area:hover .tips-text,
.order-sp-tips .hover s,
.order-sp-tips .hover .tips-text {
    display: block
}

.icon-timelimit {
    display: block;
    clear: both;
    padding-top: 6px
}

.icon-timelimit em {
    display: inline-block;
    padding: 0 7px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    color: #CB1F17;
    border: 1px solid #CB1F17;
    font-size: 12px
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .icon-timelimit {
    margin-left: 10px
}

.mc-menu-area {
    background: #fff;
    width: 176px;
    line-height: 34px;
    border-radius: 10px;
    border: 2px solid #f5f5f5
}

.mc-menu-area a {
    display: block;
    position: relative
}

.mc-menu-area .h {
    border-bottom: 1px solid #F6F6F6
}

.mc-menu-area .h a {
    line-height: 60px;
    font-size: 18px;
    color: #CF0A2C;
    text-indent: 29px
}

.mc-menu-area li.current h3 a {
    color: #ca141d
}

.mc-menu-area li.current h3 a:hover span {
    color: #ca141d
}

.mc-menu-area .b ul>li {
    border-bottom: 1px solid #F6F6F6;
    padding: 8px 0 7px
}

.mc-menu-area .b ul>li:last-child {
    border-bottom: 0
}

.mc-menu-area .b h3 {
    text-indent: 30px
}

.mc-menu-area .b h3 a {
    width: 100%;
    font-size: 14px;
    color: #000
}

.mc-menu-area .b h3 a:hover {
    color: #ca141d
}

.mc-menu-area .b h3 span {
    text-indent: 30px;
    font-size: 14px;
    color: #444;
    font-weight: bold
}

.mc-menu-area .b ol li {
    padding-left: 30px
}

.mc-menu-area .b ol li a {
    font-size: 14px;
    color: #777
}

.mc-menu-area .b ol li a:hover {
    color: #ca141d
}

.mc-menu-area .b ol li.current a {
    color: #ca141d
}

.mc-menu-area #privacySetting.current span {
    color: #ca141d
}

.top-section-header {
    *zoom: 1;
    height: 50px;
    line-height: 50px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
    background: #FFF
}

.top-section-header:before,
.top-section-header:after {
    content: "";
    display: table
}

.top-section-header:after {
    clear: both
}

.top-section-header h2 {
    font-size: 18px
}

.top-section-header h2 span {
    padding-left: 18px;
    font-size: 14px;
    color: #BBB
}

.top-section-header h2 b {
    font-weight: normal;
    font-size: 14px;
    color: #333
}

.section-header {
    *zoom: 1;
    height: 50px;
    border-bottom: 1px solid #DEDEDE
}

.section-header:before,
.section-header:after {
    content: "";
    display: table
}

.section-header:after {
    clear: both
}

.section-header h2 {
    font-size: 24px;
    line-height: 1.2;
    padding: 8px 0 0 2px;
    float: left
}

.section-header .ec-tab a {
    line-height: 50px
}

.section-header .section-header-button {
    padding: 10px 3px 0 0
}

.section-header .section-header-button a {
    margin-right: 7px
}

.section-header .section-header-no {
    color: #888;
    font-size: 14px;
    margin-top: 23px;
    margin-right: 5px
}

.section-header .section-header-no span {
    color: #3A3A3A
}

.refund-label {
    position: relative;
    float: left;
    margin: 12px 0 0 15px
}

.refund-label:hover .con {
    display: block
}

.refund-label .btn {
    width: 55px;
    height: 20px;
    border: solid 1px #ca141d;
    font-size: 15px;
    line-height: 19px;
    color: #ca141d;
    text-align: center;
    float: left;
    cursor: pointer
}

.refund-label .con {
    display: none;
    position: absolute;
    top: 22px;
    right: -13px;
    z-index: 5
}

.refund-label .con span {
    width: 283px;
    padding: 12px 12px 12px 12px;
    background-color: #fff;
    color: #666;
    line-height: 1.4;
    display: block;
    margin-top: 16px;
    border-radius: 10px;
    box-shadow: 0 -1px 6px #e3e3e3
}

.refund-label .con:after {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 9px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: 8px;
    right: 31px;
    z-index: 2
}

.section-prompt-warning {
    text-align: center;
    padding-top: 80px
}

.section-prompt-warning i {
    display: inline-block;
    width: 72px;
    height: 72px;
    background-position: -116px 0
}

.section-prompt-warning .prompt-msg {
    color: #888;
    font-size: 14px;
    line-height: 20px;
    padding-top: 33px
}

.section-prompt-warning .prompt-msg a {
    color: #36c
}

.section-prompt-warning .prompt-msg a:hover {
    text-decoration: none
}

.inv-qual-state {
    *zoom: 1
}

.inv-qual-state:before,
.inv-qual-state:after {
    content: "";
    display: table
}

.inv-qual-state:after {
    clear: both
}

.inv-qual-state .inv-qual-state-rs {
    width: 160px;
    float: left;
    position: relative
}

.inv-qual-state .inv-qual-state-rs .h {
    height: 33px;
    line-height: 33px;
    background-color: #000;
    color: #FFF;
    font-size: 16px;
    text-align: center
}

.inv-qual-state .inv-qual-state-rs .b {
    text-align: center;
    height: 160px;
    line-height: 160px;
    font-size: 24px;
    color: #FFF
}

.inv-qual-state .inv-qual-state-rs .f {
    position: absolute;
    font-size: 14px;
    white-space: nowrap;
    display: none;
    margin-top: 8px
}

.inv-qual-state .inv-qual-state-rs .f span {
    color: #ca151e
}

.inv-qual-state .inv-qual-state-wait .b {
    background-color: #06BD04
}

.inv-qual-state .inv-qual-state-pass .b {
    background-color: #06BD04
}

.inv-qual-state .inv-qual-state-fail .b {
    background-color: #ca151e
}

.inv-qual-state .inv-qual-state-fail .f {
    display: block
}

.inv-qual-state .inv-qual-state-uncommitted .b {
    background-color: #36c
}

.inv-qual-state .inv-qual-state-invalid .b {
    background-color: #ca151e
}

.inv-qual-state .inv-qual-state-tips {
    margin-left: 173px;
    background-color: #F5F5F5;
    height: 193px;
    padding: 0 26px;
    overflow: hidden
}

.inv-qual-state .inv-qual-state-tips h4 {
    font-size: 16px;
    padding: 17px 0 14px
}

.inv-qual-state .inv-qual-state-tips p,
.inv-qual-state .inv-qual-state-tips ol {
    font-size: 14px;
    line-height: 21px
}

.inv-qual-state .inv-qual-state-tips ol {
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 24px
}

.inv-qual-state .inv-qual-state-tips a {
    color: #36c
}

.inv-qual-invoice .h,
.inv-qual-maker .h,
.inv-qual-file .h {
    border-bottom: 1px solid #DEDEDE
}

.inv-qual-invoice .h h3,
.inv-qual-maker .h h3,
.inv-qual-file .h h3 {
    padding-left: 2px;
    font-size: 16px;
    padding-bottom: 10px
}

.inv-qual-invoice .h h3 span,
.inv-qual-maker .h h3 span,
.inv-qual-file .h h3 span {
    font-size: 14px;
    color: #888
}

.inv-qual-invoice .b,
.inv-qual-maker .b,
.inv-qual-file .b {
    padding-top: 10px
}

.inv-qual-invoice .b .form-info-panels th,
.inv-qual-maker .b .form-info-panels th,
.inv-qual-file .b .form-info-panels th {
    width: 196px
}

.inv-qual-invoice .b .form-edit-panels th,
.inv-qual-maker .b .form-edit-panels th,
.inv-qual-file .b .form-edit-panels th {
    width: 210px
}

.inv-qual-invoice .b .form-edit-panels .tips,
.inv-qual-maker .b .form-edit-panels .tips,
.inv-qual-file .b .form-edit-panels .tips {
    font-size: 12px;
    color: #ca151e
}

.inv-qual-invoice .b .form-edit-panels .tips em,
.inv-qual-maker .b .form-edit-panels .tips em,
.inv-qual-file .b .form-edit-panels .tips em {
    color: #888
}

.inv-qual-invoice .b .form-edit-panels .no-upload,
.inv-qual-maker .b .form-edit-panels .no-upload,
.inv-qual-file .b .form-edit-panels .no-upload {
    color: #ca151e
}

.inv-qual-invoice .b .form-edit-panels iframe,
.inv-qual-maker .b .form-edit-panels iframe,
.inv-qual-file .b .form-edit-panels iframe {
    border: 0 none;
    width: 100%
}

.inv-qual-invoice .b .form-edit-panels .tooltips,
.inv-qual-maker .b .form-edit-panels .tooltips,
.inv-qual-file .b .form-edit-panels .tooltips {
    display: inline-block;
    position: relative;
    z-index: 411;
    vertical-align: middle;
    top: -2px;
    *top: 0
}

.inv-qual-invoice .b .form-edit-panels .tooltips i,
.inv-qual-maker .b .form-edit-panels .tooltips i,
.inv-qual-file .b .form-edit-panels .tooltips i {
    vertical-align: middle
}

.inv-qual-invoice .b .form-edit-panels .tooltips .tooltips-panels,
.inv-qual-maker .b .form-edit-panels .tooltips .tooltips-panels,
.inv-qual-file .b .form-edit-panels .tooltips .tooltips-panels {
    -webkit-transition: bottom .3s ease;
    transition: bottom .3s ease;
    visibility: hidden;
    *display: none;
    width: 372px;
    left: 50%;
    margin-left: -199px;
    position: absolute;
    bottom: 21px;
    border: 1px solid #D2D2D2;
    background-color: #FFF;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    padding: 8px 13px
}

.inv-qual-invoice .b .form-edit-panels .tooltips .tooltips-panels s,
.inv-qual-maker .b .form-edit-panels .tooltips .tooltips-panels s,
.inv-qual-file .b .form-edit-panels .tooltips .tooltips-panels s {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    position: absolute;
    left: 50%;
    bottom: -7px;
    background-position: -134px -16px;
    width: 11px;
    height: 7px;
    margin-left: -7px;
    font-size: 0;
    line-height: 0
}

.inv-qual-invoice .b .form-edit-panels .tooltips:hover .tooltips-panels,
.inv-qual-maker .b .form-edit-panels .tooltips:hover .tooltips-panels,
.inv-qual-file .b .form-edit-panels .tooltips:hover .tooltips-panels,
.inv-qual-invoice .b .form-edit-panels .tooltips.hover .tooltips-panels,
.inv-qual-maker .b .form-edit-panels .tooltips.hover .tooltips-panels,
.inv-qual-file .b .form-edit-panels .tooltips.hover .tooltips-panels {
    bottom: 26px;
    visibility: visible;
    *display: block
}

.inv-qual-invoice .b .form-edit-panels .tooltips p,
.inv-qual-maker .b .form-edit-panels .tooltips p,
.inv-qual-file .b .form-edit-panels .tooltips p {
    font-size: 14px;
    line-height: 21px
}

.inv-qual-invoice .b .form-edit-panels .tooltips i,
.inv-qual-maker .b .form-edit-panels .tooltips i,
.inv-qual-file .b .form-edit-panels .tooltips i {
    background: url("../../images/echannel/icon/icon40.png") scroll no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: 0 -182px
}

.inv-qual-invoice .b .form-edit-panels .tooltips i span,
.inv-qual-maker .b .form-edit-panels .tooltips i span,
.inv-qual-file .b .form-edit-panels .tooltips i span {
    visibility: hidden
}

.inv-qual-invoice .b .form-edit-panels .tooltips i:hover,
.inv-qual-maker .b .form-edit-panels .tooltips i:hover,
.inv-qual-file .b .form-edit-panels .tooltips i:hover {
    background-position: -16px -182px
}

.inv-qual-action {
    text-align: right;
    padding-top: 30px
}

.inv-qual-action input,
.inv-qual-action a {
    margin-left: 15px
}

.myAddress-edit .tr-rel .label-error {
    display: block
}

.myAddress-record {
    width: 100%;
    overflow: hidden
}

.myAddress-record table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.myAddress-record table a {
    color: #36c
}

.myAddress-record table a:hover {
    text-decoration: none;
    color: #ca151e
}

.myAddress-record table thead th {
    font-size: 14px;
    color: #888;
    height: 14px;
    line-height: 14px;
    *line-height: 1.2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: center
}

.myAddress-record table tbody td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    text-align: center;
    padding: 16px 0
}

.myAddress-record table tbody td.col-operate .p-button {
    padding: 5px 0
}

.myAddress-record table tbody td.col-operate .p-link {
    padding: 4px 0
}

.myAddress-record .list-group-header {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 20px
}

.myAddress-record .list-group-header:before,
.myAddress-record .list-group-header:after {
    content: "";
    display: table
}

.myAddress-record .list-group-header:after {
    clear: both
}

.myAddress-record .list-group-header h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.myAddress-record .list-group-header h3 span {
    font-size: 14px;
    color: #888
}

.myAddress-record .list-group-header h3 span em {
    color: #333
}

.myAddress-record .list-group-header .ec-tab a {
    padding-bottom: 13px
}

.myAddress-record .list-group-caption {
    *zoom: 1;
    padding-bottom: 10px;
    border-bottom: 1px solid #DEDEDE
}

.myAddress-record .list-group-caption:before,
.myAddress-record .list-group-caption:after {
    content: "";
    display: table
}

.myAddress-record .list-group-caption:after {
    clear: both
}

.myAddress-record .list-group-caption h3 {
    font-size: 16px
}

.myAddress-record .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.myAddress-record .list-group-caption h3 span em {
    color: #333
}

.myAddress-record .list-group-title {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA
}

.myAddress-record .list-group-item {
    margin: 0 -1px;
    border-bottom: 1px solid #f2f2f2
}

.myAddress-record .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.myAddress-record .list-group-page {
    padding-top: 20px;
    text-align: right
}

.myAddress-record table .col-name {
    width: 137px
}

.myAddress-record table .col-address {
    word-break: break-all;
    word-wrap: break-word;
    padding-left: 25px;
    padding-right: 25px
}

.myAddress-record table .col-zip {
    width: 118px
}

.myAddress-record table .col-tel {
    width: 172px
}

.myAddress-record table .col-operate {
    width: 199px
}

.myAddress-record table tbody td {
    padding-top: 14px;
    padding-bottom: 14px
}

.myAddress-record table tbody td.col-address {
    text-align: left
}

.myAddress-record table tbody td.col-operate p {
    float: left;
    border-right: 1px solid #DEDEDE;
    text-align: center;
    height: 16px;
    padding: 3px 0;
    overflow: hidden
}

.myAddress-record table tbody td.col-operate p.p-edit,
.myAddress-record table tbody td.col-operate p.p-del {
    width: 50px
}

.myAddress-record table tbody td.col-operate p.p-state {
    border-right: 0 none;
    width: 96px
}

.myAddress-record table tbody td.col-operate p .edit,
.myAddress-record table tbody td.col-operate p .del {
    background: url("../../images/echannel/icon/icon40.png") scroll no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px
}

.myAddress-record table tbody td.col-operate p .edit span,
.myAddress-record table tbody td.col-operate p .del span {
    visibility: hidden
}

.myAddress-record table tbody td.col-operate p .edit span,
.myAddress-record table tbody td.col-operate p .del span {
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
    opacity: 0
}

.myAddress-record table tbody td.col-operate p .edit:hover,
.myAddress-record table tbody td.col-operate p .del:hover {
    background-image: none;
    width: auto
}

.myAddress-record table tbody td.col-operate p .edit:hover span,
.myAddress-record table tbody td.col-operate p .del:hover span {
    visibility: visible;
    opacity: 1
}

.myAddress-record table tbody td.col-operate p .edit {
    background-position: 0 0
}

.myAddress-record table tbody td.col-operate p .del {
    background-position: 0 -26px
}

.myAddress-record table tbody td.col-operate p .default {
    color: #ca151e
}

.myAddress-record table tbody td.col-operate p .set {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0;
    visibility: hidden
}

.myAddress-record .list-group-item:hover,
.myAddress-record .hover {
    color: #ca151e
}

.myAddress-record .list-group-item:hover .set,
.myAddress-record .hover .set {
    opacity: 1;
    visibility: visible !important
}

.my-cuopon-record .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.my-cuopon-record .list-group-page {
    text-align: right;
    font-size: 0
}

.my-cuopon-record .list-group-page .pager ul {
    font-size: 12px;
    margin-top: 10px
}

.my-change-tab {
    border-bottom: 1px solid #EAEAEA;
    margin-top: 33px
}

.my-change-tab .ec-tab ul li {
    position: relative;
    padding-bottom: 14px;
    margin-right: 10px
}

.my-change-tab .ec-tab ul li a {
    color: #666;
    padding: 0 10px
}

.my-change-tab .ec-tab ul li.current:before {
    content: "";
    position: absolute;
    bottom: -1px;
    background: #333;
    width: 100%;
    height: 1px;
    z-index: 1
}

.my-change-tab .ec-tab ul li.current a {
    color: #333
}

.my-change-tab .fr {
    margin-right: 2px;
    margin-top: 6px
}

.my-change-tab .fr a {
    font-size: 14px;
    color: #267EFF
}

.my-change {
    margin-top: 20px
}

.my-change .my-change-input {
    width: 313px;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 0;
    border-radius: 20px 0 0 20px;
    float: left;
    font-size: 16px;
    color: #333
}

.my-change .my-change-input::-webkit-input-placeholder {
    color: #747474
}

.my-change .my-change-input:-moz-placeholder {
    color: #747474
}

.my-change .my-change-input::-moz-placeholder {
    color: #747474
}

.my-change .my-change-input:-ms-input-placeholder {
    color: #747474
}

.my-change .my-change-btn {
    width: 73px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 20px;
    background: #ca141d;
    float: left;
    position: relative;
    left: -14px;
    color: #fff;
    text-align: center
}

.my-change .my-change-btn.disabled {
    background: #efb8bb;
    cursor: not-allowed
}

.cuopon-list.small .cuopon-detail {
    width: 328px
}

.orderDetail_coupon.cuopon-main {
    border-top: 1px solid #eaeaea;
    background: #fff;
    margin-bottom: 60px;
    margin-top: -80px;
    padding-top: 30px
}

.orderDetail_coupon.cuopon-main .h {
    line-height: 1;
    margin-bottom: 15px;
    font-size: 18px
}

.orderDetail_coupon.cuopon-main .title {
    position: absolute;
    margin-top: 2px
}

.orderDetail_coupon .cuopon-title {
    font-size: 20px;
    color: #000
}

.orderDetail_coupon .cuopon-header {
    margin-bottom: 12px;
    margin-top: 18px
}

.orderDetail_coupon .cuopon-header .cuopon-tab {
    float: left
}

.orderDetail_coupon .cuopon-header .cuopon-tab a {
    float: left;
    color: #000;
    font-size: 16px;
    line-height: 22px;
    margin-right: 46px;
    position: relative
}

.orderDetail_coupon .cuopon-header .cuopon-tab a span {
    font-size: 12px;
    margin-left: 2px
}

.orderDetail_coupon .cuopon-header .cuopon-tab a.current {
    color: #D20A2C
}

.orderDetail_coupon .cuopon-header .cuopon-tab a.current:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    margin-top: 8px;
    background: #D20A2C
}

.orderDetail_coupon .cuopon-header .cuopon-input {
    float: right
}

.orderDetail_coupon .cuopon-header .cuopon-input input {
    float: left;
    width: 142px;
    height: 22px;
    line-height: 22px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 0;
    border-radius: 4px 0 0 4px;
    font-size: 12px;
    text-indent: 10px;
    color: #333
}

.orderDetail_coupon .cuopon-header .cuopon-input input::-webkit-input-placeholder {
    color: #747474
}

.orderDetail_coupon .cuopon-header .cuopon-input input:-moz-placeholder {
    color: #747474
}

.orderDetail_coupon .cuopon-header .cuopon-input input::-moz-placeholder {
    color: #747474
}

.orderDetail_coupon .cuopon-header .cuopon-input input:-ms-input-placeholder {
    color: #747474
}

.orderDetail_coupon .cuopon-header .cuopon-input a {
    float: left;
    text-align: center;
    font-size: 14px;
    width: 72px;
    height: 24px;
    line-height: 24px;
    background: #CF0A2C;
    border-radius: 0 4px 4px 0;
    color: #fff
}

.orderDetail_coupon .cuopon-header .cuopon-input a.disabled {
    opacity: 40%
}

.orderDetail_coupon .cuopon-info {
    margin-bottom: 16px;
    height: 24px
}

.orderDetail_coupon .cuopon-info P {
    float: left;
    font-size: 12px;
    color: #000
}

.orderDetail_coupon .cuopon-info P span.red {
    color: #D20A2C;
    margin-left: 5px
}

.orderDetail_coupon .cuopon-info a {
    float: left;
    margin-left: 74px;
    width: 84px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #D20A2C;
    border: 1px solid #D20A2C;
    border-radius: 12px
}

.orderDetail_coupon .cuopon-list {
    font-size: 0
}

.orderDetail_coupon .cuopon-list li {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    background: unset
}

.orderDetail_coupon .cuopon-list li:nth-child(2n) {
    margin-right: 0
}

.orderDetail_coupon .cuopon-detail {
    font-size: 12px;
    position: relative;
    width: 460px;
    min-height: 128px;
    overflow: hidden;
    background: rgba(230, 69, 102, 0.1);
    border-radius: 8px;
    margin-top: 0
}

.orderDetail_coupon .cuopon-detail .tag {
    background: rgba(230, 69, 102, 0.1);
    border-radius: 8px 0 8px 0;
    color: #E64566;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 46px;
    height: 17px;
    line-height: 17px;
    transform-origin: 0 0;
    transform: scale(0.83)
}

.orderDetail_coupon .cuopon-detail .btn {
    position: absolute;
    top: 50px;
    right: 14px
}

.orderDetail_coupon .cuopon-detail .btn span {
    display: block;
    text-align: center;
    background: #E64566;
    color: #FFF;
    width: 67px;
    height: 28px;
    line-height: 28px;
    border-radius: 14px
}

.orderDetail_coupon .cuopon-detail .checkbox {
    position: absolute;
    top: 54px;
    right: 18px;
    margin-right: 0
}

.orderDetail_coupon .cuopon-detail .checkbox input[type=checkbox]::-ms-check {
    display: none
}

.orderDetail_coupon .cuopon-detail .checkbox input[type=checkbox] {
    display: inline-block;
    height: 14px;
    width: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../../images/echannel/icon/icon-header.png") no-repeat;
    background-position: -18px -129px
}

.orderDetail_coupon .cuopon-detail .checkbox input[type=checkbox]:checked {
    background-position: 0 -129px
}

.orderDetail_coupon .cuopon-detail .checkbox input[type=checkbox]:disabled {
    background-position: -18px -115px;
    cursor: not-allowed
}

.orderDetail_coupon .cuopon-detail .checkbox input[type="checkbox"] {
    float: left;
    width: 24px;
    height: 24px;
    background: url("../../images/echannel/icon/icon-checkbox.svg") no-repeat;
    background-size: 100% 300%;
    background-position: 0 -24px
}

.orderDetail_coupon .cuopon-detail .checkbox input[type="checkbox"]:checked {
    background-position: 0 0
}

.orderDetail_coupon .cuopon-detail .checkbox input[type="checkbox"]:disabled {
    background-position: 0 -48px
}

.orderDetail_coupon .cuopon-detail .info {
    color: #E64566;
    min-height: 89px
}

.orderDetail_coupon .cuopon-detail .info:before,
.orderDetail_coupon .cuopon-detail .info:after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    z-index: 2;
    position: absolute;
    top: -5px;
    right: 86px
}

.orderDetail_coupon .cuopon-detail .info:after {
    top: auto;
    bottom: -5px
}

.orderDetail_coupon .cuopon-detail .info .price {
    *zoom: 1;
    min-height: 36px;
    margin-top: 12px;
    position: relative
}

.orderDetail_coupon .cuopon-detail .info .price:before,
.orderDetail_coupon .cuopon-detail .info .price:after {
    content: "";
    display: table
}

.orderDetail_coupon .cuopon-detail .info .price:after {
    clear: both
}

.orderDetail_coupon .cuopon-detail .info .price-con {
    *zoom: 1;
    float: left;
    text-align: center;
    position: relative;
    padding-left: 16px;
    overflow: hidden;
    font-size: 30px;
    height: 36px;
    line-height: 36px
}

.orderDetail_coupon .cuopon-detail .info .price-con:before,
.orderDetail_coupon .cuopon-detail .info .price-con:after {
    content: "";
    display: table
}

.orderDetail_coupon .cuopon-detail .info .price-con:after {
    clear: both
}

.orderDetail_coupon .cuopon-detail .info .price-con em {
    font-size: 22px;
    margin-right: 2px;
    position: relative;
    top: -1px
}

.orderDetail_coupon .cuopon-detail .info .price-con b {
    font-size: 20px;
    margin-left: 2px;
    position: relative;
    top: -2px
}

.orderDetail_coupon .cuopon-detail .info .price-tips {
    float: left;
    text-align: center;
    background: rgba(230, 69, 102, 0.1);
    border-radius: 2px;
    line-height: 16px;
    padding: 0 4px;
    margin-left: 16px;
    margin-top: 9px
}

.orderDetail_coupon .cuopon-detail .info .detail {
    margin-left: 16px;
    margin-top: 8px;
    padding-bottom: 8px
}

.orderDetail_coupon .cuopon-detail .info .detail .word {
    margin-bottom: 1px;
    max-width: 260px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #000
}

.orderDetail_coupon .cuopon-detail .info .detail .word em {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    background: #E64566;
    color: #fff;
    border-radius: 4px;
    width: 40px;
    height: 16px;
    line-height: 16px;
    position: relative;
    top: -1px
}

.orderDetail_coupon .cuopon-detail .info .detail .word span {
    color: #000;
    font-size: 14px;
    line-height: 19px;
    margin-left: 4px
}

.orderDetail_coupon .cuopon-detail .info .detail .time {
    color: rgba(0, 0, 0, 0.6);
    line-height: 16px
}

.orderDetail_coupon .cuopon-detail .cuopon-tips {
    *zoom: 1
}

.orderDetail_coupon .cuopon-detail .cuopon-tips:before,
.orderDetail_coupon .cuopon-detail .cuopon-tips:after {
    content: "";
    display: table
}

.orderDetail_coupon .cuopon-detail .cuopon-tips:after {
    clear: both
}

.orderDetail_coupon .cuopon-detail .cuopon-tips p {
    float: left;
    width: 286px;
    margin-left: 16px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.4);
    padding-bottom: 12px
}

.orderDetail_coupon .cuopon-detail .cuopon-tips .btn-tips {
    float: right;
    margin-right: 16px;
    margin-top: 4px;
    text-indent: -999px;
    overflow: hidden;
    width: 16px;
    height: 8px;
    background: url("../../images/echannel/icon/icon03.svg");
    background-position: -60px -49px;
    display: none
}

.orderDetail_coupon .cuopon-detail .cuopon-tips.close .btn-tips {
    display: block
}

.orderDetail_coupon .cuopon-detail .cuopon-tips.close p {
    height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.orderDetail_coupon .cuopon-detail .cuopon-tips.open p {
    height: auto;
    overflow: auto;
    white-space: normal
}

.orderDetail_coupon .cuopon-detail .cuopon-tips.open .btn-tips {
    background-position: -60px -40px
}

.orderDetail_coupon .cuopon-detail.disabled {
    background: #f1f1f1
}

.orderDetail_coupon .cuopon-detail.disabled .tag {
    color: rgba(0, 0, 0, 0.4);
    background: rgba(0, 0, 0, 0.04)
}

.orderDetail_coupon .cuopon-detail.disabled .radio input[type="radio"] {
    cursor: not-allowed;
    background-position: 0 -24px
}

.orderDetail_coupon .cuopon-detail.disabled .radio input[type="radio"]:checked {
    background-position: 0 -24px
}

.orderDetail_coupon .cuopon-detail.disabled .radio input[type="radio"]:readonly {
    background-position: 0 -24px
}

.orderDetail_coupon .cuopon-detail.disabled .info {
    color: rgba(0, 0, 0, 0.4)
}

.orderDetail_coupon .cuopon-detail.disabled .info .price:before {
    border-left-color: rgba(0, 0, 0, 0.4)
}

.orderDetail_coupon .cuopon-detail.disabled .info .price .price-tips {
    background: rgba(0, 0, 0, 0.04)
}

.orderDetail_coupon .cuopon-detail.disabled .info .detail .word em {
    background: rgba(0, 0, 0, 0.4)
}

.orderDetail_coupon .cuopon-detail.disabled .info .detail .word span {
    color: rgba(0, 0, 0, 0.5)
}

.orderDetail_coupon .cuopon-spacing {
    min-height: 20px
}

.orderDetail_coupon .cuopon-error-tips {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.4);
    padding-top: 8px;
    padding-bottom: 11px;
    padding-left: 17px;
    position: relative
}

.orderDetail_coupon .cuopon-error-tips:before {
    content: "";
    width: 12px;
    height: 12px;
    background: url("../../images/echannel/icon/icon03.svg");
    background-position: -255px 0;
    transform-origin: 0 0;
    transform: scale(1.18);
    position: absolute;
    top: 9px;
    left: 0
}

.orderDetail_coupon .cuopon-blue {
    background: rgba(70, 177, 227, 0.1)
}

.orderDetail_coupon .cuopon-blue .tag {
    color: #46B1E3;
    background: rgba(70, 177, 227, 0.1)
}

.orderDetail_coupon .cuopon-blue .btn span {
    background: #46B1E3
}

.orderDetail_coupon .cuopon-blue .info {
    color: #46B1E3
}

.orderDetail_coupon .cuopon-blue .info .price .price-tips {
    background: rgba(70, 177, 255, 0.1)
}

.orderDetail_coupon .cuopon-blue .info .price-con {
    font-size: 30px;
    height: 36px;
    line-height: 36px
}

.orderDetail_coupon .cuopon-blue .info .detail .word em {
    background: #46B1E3
}

.orderDetail_coupon .cuopon-blue.receive .btn:before {
    background: #c1e5f5
}

.orderDetail_coupon .cuopon-blue.receive .btn span {
    background: #c1e5f5
}

.orderDetail_coupon .cuopon-empty {
    width: 1040px;
    min-height: 167px;
    opacity: .4;
    text-align: center;
    font-size: 14px
}

.orderDetail_coupon .cuopon-empty:before {
    content: "";
    width: 96px;
    height: 96px;
    background: url("../../images/echannel/icon/icon-empty.svg") no-repeat;
    background-size: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 8px
}

.orderDetail_coupon .cuopon-list.small {
    margin-top: 8px
}

.orderDetail_coupon .cuopon-list.small li {
    display: block
}

.orderDetail_coupon .cuopon-list.small .cuopon-detail {
    position: relative;
    width: 328px;
    height: 72px;
    overflow: hidden;
    margin: 0 auto;
    background: rgba(230, 69, 102, 0.1);
    border-radius: 8px;
    min-height: 0
}

.orderDetail_coupon .cuopon-list.small .cuopon-detail .tag {
    background: rgba(230, 69, 102, 0.1);
    border-radius: 8px 0 8px 0;
    color: #E64566;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 46px;
    height: 17px;
    line-height: 17px;
    transform-origin: 0 0;
    transform: scale(0.83)
}

.orderDetail_coupon .cuopon-list.small .cuopon-detail .btn {
    display: none
}

.orderDetail_coupon .cuopon-list.small .cuopon-detail .info {
    *zoom: 1;
    color: #E64566;
    min-height: 0
}

.orderDetail_coupon .cuopon-list.small .cuopon-detail .info:before,
.orderDetail_coupon .cuopon-list.small .cuopon-detail .info:after {
    content: "";
    display: table
}

.orderDetail_coupon .cuopon-list.small .cuopon-detail .info:after {
    clear: both
}

.orderDetail_coupon .cuopon-list.small .cuopon-detail .info:before,
.orderDetail_coupon .cuopon-list.small .cuopon-detail .info:after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    z-index: 2;
    position: absolute;
    top: -5px;
    left: 82px
}

.orderDetail_coupon .cuopon-list.small .cuopon-detail .info:after {
    top: auto;
    bottom: -5px
}

.orderDetail_coupon .cuopon-list.small .cuopon-detail .info .price {
    float: left;
    width: 86px;
    margin-top: 14px;
    position: relative;
    min-height: 0
}

.orderDetail_coupon .cuopon-list.small .cuopon-detail .info .price:before {
    content: "";
    width: 1px;
    height: 72px;
    border-left-width: 1px;
    border-left-style: dashed;
    border-left-color: #E64566;
    opacity: .1;
    position: absolute;
    top: -14px;
    left: 86px
}

.orderDetail_coupon .cuopon-list.small .cuopon-detail .info .price-con {
    *zoom: 1;
    text-align: center;
    position: relative;
    left: -2px;
    width: 70px;
    padding: 0 8px;
    overflow: hidden;
    font-size: 24px;
    height: 32px;
    line-height: 32px
}

.orderDetail_coupon .cuopon-list.small .cuopon-detail .info .price-con:before,
.orderDetail_coupon .cuopon-list.small .cuopon-detail .info .price-con:after {
    content: "";
    display: table
}

.orderDetail_coupon .cuopon-list.small .cuopon-detail .info .price-con:after {
    clear: both
}

.orderDetail_coupon .cuopon-list.small .cuopon-detail .info .price-con em {
    font-size: 14px;
    margin-right: 2px;
    position: relative;
    top: -1px
}

.orderDetail_coupon .cuopon-list.small .cuopon-detail .info .price-con b {
    font-size: 18px;
    margin-left: 2px;
    position: relative;
    top: -2px
}

.orderDetail_coupon .cuopon-list.small .cuopon-detail .info .price-tips {
    text-align: center;
    transform: scale(0.83);
    position: relative;
    top: -2px;
    float: none;
    background: 0;
    border-radius: 0;
    line-height: inherit;
    padding: 0;
    margin-left: auto;
    margin-top: auto
}

.orderDetail_coupon .cuopon-list.small .cuopon-detail .info .detail {
    float: left;
    margin-left: 8px;
    margin-top: 21px;
    margin-bottom: 8px;
    padding: 0
}

.orderDetail_coupon .cuopon-list.small .cuopon-detail .info .detail .word {
    max-width: 158px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #000
}

.orderDetail_coupon .cuopon-list.small .cuopon-detail .info .detail .word em {
    display: inline-block;
    text-align: center;
    background: #E64566;
    color: #fff;
    border-radius: 4px;
    width: 42px;
    height: 18px;
    line-height: 18px;
    transform-origin: 0 0;
    transform: scale(0.75);
    position: relative;
    top: 2px;
    margin-right: -4px
}

.orderDetail_coupon .cuopon-list.small .cuopon-detail .info .detail .word span {
    color: #000;
    line-height: 17px;
    font-size: 12px;
    margin-left: auto
}

.orderDetail_coupon .cuopon-list.small .cuopon-detail .info .detail .time {
    transform-origin: 0 0;
    transform: scale(0.83);
    color: rgba(0, 0, 0, 0.6);
    line-height: 14px;
    margin-top: 6px
}

.orderDetail_coupon .cuopon-list.small .cuopon-blue {
    background: rgba(70, 177, 227, 0.1)
}

.orderDetail_coupon .cuopon-list.small .cuopon-blue .info {
    color: #46B1E3
}

.orderDetail_coupon .cuopon-list.small .cuopon-blue .info .price {
    margin-top: 17px
}

.orderDetail_coupon .cuopon-list.small .cuopon-blue .info .price:before {
    top: -17px;
    border-left-color: #46B1E3
}

.orderDetail_coupon .cuopon-list.small .cuopon-blue .info .price-con {
    font-size: 20px;
    height: 26px;
    line-height: 26px
}

.orderDetail_coupon .cuopon-list.small .cuopon-blue .info .detail .word em {
    background: #46B1E3
}

.cuopon-list {
    font-size: 0;
    margin-bottom: 10px
}

.cuopon-list li {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px
}

.cuopon-detail {
    font-size: 12px;
    position: relative;
    width: 450px;
    min-height: 128px;
    overflow: hidden;
    margin-top: 20px;
    background: #fef6f7;
    border-radius: 8px
}

.cuopon-detail .tag {
    background: rgba(230, 69, 102, 0.1);
    border-radius: 8px 0 8px 0;
    color: #E64566;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 46px;
    height: 17px;
    line-height: 17px;
    transform-origin: 0 0;
    transform: scale(0.83)
}

.cuopon-detail .btn {
    position: absolute;
    top: 50px;
    right: 14px
}

.cuopon-detail .btn span {
    display: block;
    text-align: center;
    background: #E64566;
    color: #FFF;
    width: 67px;
    height: 28px;
    line-height: 28px;
    border-radius: 14px
}

.cuopon-detail .radio {
    position: absolute;
    top: 54px;
    right: 18px
}

.cuopon-detail .info {
    color: #E64566
}

.cuopon-detail .info:before,
.cuopon-detail .info:after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    z-index: 2;
    position: absolute;
    top: -5px;
    right: 86px
}

.cuopon-detail .info:after {
    top: auto;
    bottom: -5px
}

.cuopon-detail .info .price {
    *zoom: 1;
    margin-top: 12px;
    position: relative
}

.cuopon-detail .info .price:before,
.cuopon-detail .info .price:after {
    content: "";
    display: table
}

.cuopon-detail .info .price:after {
    clear: both
}

.cuopon-detail .info .price-con {
    *zoom: 1;
    float: left;
    text-align: center;
    position: relative;
    padding-left: 16px;
    overflow: hidden;
    font-size: 30px;
    height: 36px;
    line-height: 36px
}

.cuopon-detail .info .price-con:before,
.cuopon-detail .info .price-con:after {
    content: "";
    display: table
}

.cuopon-detail .info .price-con:after {
    clear: both
}

.cuopon-detail .info .price-con em {
    font-size: 22px;
    margin-right: 2px;
    position: relative;
    top: -1px
}

.cuopon-detail .info .price-con b {
    font-size: 20px;
    margin-left: 2px;
    position: relative;
    top: -2px
}

.cuopon-detail .info .price-tips {
    float: left;
    text-align: center;
    background: rgba(230, 69, 102, 0.1);
    border-radius: 2px;
    line-height: 16px;
    padding: 0 4px;
    margin-left: 16px;
    margin-top: 9px
}

.cuopon-detail .info .detail {
    margin-left: 16px;
    margin-top: 8px;
    margin-bottom: 8px
}

.cuopon-detail .info .detail .word {
    margin-bottom: 1px;
    max-width: 340px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #000
}

.cuopon-detail .info .detail .word em {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    background: #E64566;
    color: #fff;
    border-radius: 4px;
    width: 40px;
    height: 16px;
    line-height: 16px;
    position: relative;
    top: -1px
}

.cuopon-detail .info .detail .word span {
    color: #000;
    font-size: 14px;
    line-height: 19px;
    margin-left: 4px
}

.cuopon-detail .info .detail .time {
    color: rgba(0, 0, 0, 0.6);
    line-height: 16px
}

.cuopon-detail .cuopon-tips {
    *zoom: 1
}

.cuopon-detail .cuopon-tips:before,
.cuopon-detail .cuopon-tips:after {
    content: "";
    display: table
}

.cuopon-detail .cuopon-tips:after {
    clear: both
}

.cuopon-detail .cuopon-tips p {
    float: left;
    width: 394px;
    margin-left: 16px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.4);
    padding-bottom: 12px
}

.cuopon-detail .cuopon-tips .btn-tips {
    float: right;
    margin-right: 16px;
    margin-top: 4px;
    text-indent: -999px;
    overflow: hidden;
    width: 16px;
    height: 8px;
    background: url("../../images/echannel/icon/icon03.svg");
    background-position: -60px -49px;
    display: none
}

.cuopon-detail .cuopon-tips.close .btn-tips {
    display: block
}

.cuopon-detail .cuopon-tips.close p {
    height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.cuopon-detail .cuopon-tips.open p {
    height: auto;
    overflow: auto;
    white-space: normal
}

.cuopon-detail .cuopon-tips.open .btn-tips {
    background-position: -60px -40px
}

.cuopon-detail.receive .btn {
    top: 32px;
    right: 22px;
    width: 56px;
    height: 56px;
    overflow: hidden;
    cursor: not-allowed
}

.cuopon-detail.receive .btn span {
    display: block;
    width: 46px;
    height: 46px;
    line-height: 46px;
    border: 1px solid #f5bfca;
    background: #fdf7f9;
    color: #f5bfca;
    border-radius: 50%;
    position: relative;
    top: 4px;
    left: 4px;
    z-index: 3;
    transform: rotate(40deg)
}

.cuopon-detail.receive .btn:before {
    content: "";
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #fdf7f9;
    border: 2px solid #f5bfca;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.cuopon-detail.disabled {
    background: #f1f1f1
}

.cuopon-detail.disabled .tag {
    color: rgba(0, 0, 0, 0.4);
    background: rgba(0, 0, 0, 0.04)
}

.cuopon-detail.disabled .btn {
    top: 32px;
    right: 22px;
    width: 56px;
    height: 56px;
    overflow: hidden;
    cursor: not-allowed
}

.cuopon-detail.disabled .btn span {
    display: block;
    width: 46px;
    height: 46px;
    line-height: 46px;
    border: 1px solid #e5e5e5;
    background: #f1f1f1;
    color: #e5e5e5;
    border-radius: 50%;
    position: relative;
    top: 4px;
    left: 4px;
    z-index: 3;
    transform: rotate(40deg)
}

.cuopon-detail.disabled .btn:before {
    content: "";
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #f1f1f1;
    border: 2px solid #e5e5e5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.cuopon-detail.disabled .info {
    color: rgba(0, 0, 0, 0.4)
}

.cuopon-detail.disabled .info .price:before {
    border-left-color: rgba(0, 0, 0, 0.4)
}

.cuopon-detail.disabled .info .price .price-tips {
    background: rgba(0, 0, 0, 0.04)
}

.cuopon-detail.disabled .info .price .price-tips,
.cuopon-detail.disabled .info .price .price-con {
    color: rgba(0, 0, 0, 0.4)
}

.cuopon-detail.disabled .info .detail .word em {
    background: rgba(0, 0, 0, 0.4)
}

.cuopon-detail.disabled .info .detail .word span {
    color: rgba(0, 0, 0, 0.5)
}

.coupon-vip {
    background: #FFF1D1
}

.coupon-vip .vip-icon {
    display: inline-block;
    width: .7rem;
    height: .7rem;
    background: url("../../images/echannel/icon/icon-vip.svg") no-repeat;
    background-size: 100% 100%
}

.coupon-vip .btn span {
    background: #312A2A;
    background-image: linear-gradient(0deg, #5F514A 0, rgba(50, 49, 49, 0) 100%);
    border-radius: 14px;
    color: #FFDBA8
}

.coupon-vip.receive .btn:before {
    border: 2px solid #925816
}

.coupon-vip.receive .btn span {
    border: 1px solid #925816;
    color: #925816;
    background: #FFF1D1
}

.coupon-vip .checkbox input[type="checkbox"] {
    background: url("../../images/echannel/icon/icon-checkbox-vip.svg") no-repeat;
    background-size: 100% 300%;
    background-position: 0 -24px
}

.coupon-vip .checkbox input[type="checkbox"]:checked {
    background-position: 0 0
}

.coupon-vip .checkbox input[type="checkbox"]:disabled {
    background-position: 0 -48px
}

.coupon-vip .tag {
    background-image: linear-gradient(103deg, #FAD695 0, #EFA654 98%);
    color: #fff
}

.coupon-vip .info .price .price-con {
    color: #65351E
}

.coupon-vip .info .price .price-tips {
    color: #000;
    background: rgba(239, 197, 151, 0.48);
    border-radius: 2px
}

.coupon-vip .info .detail .word em {
    background: #312A2A linear-gradient(0deg, #5F514A 0, rgba(50, 49, 49, 0) 100%);
    border-radius: 4px;
    color: #FFDBA8
}

.coupon-vip .info .time {
    color: #65351E;
    opacity: .6
}

.coupon-vip .cuopon-tips p {
    color: #65351E;
    opacity: .4
}

.cuopon-blue {
    background: #f5fbfd
}

.cuopon-blue .tag {
    color: #46B1E3;
    background: rgba(70, 177, 227, 0.1)
}

.cuopon-blue .btn span {
    background: #46B1E3
}

.cuopon-blue .info {
    color: #46B1E3
}

.cuopon-blue .info .price .price-tips {
    background: rgba(70, 177, 255, 0.1)
}

.cuopon-blue .info .price-con {
    font-size: 30px;
    height: 36px;
    line-height: 36px
}

.cuopon-blue .info .detail .word em {
    background: #46B1E3
}

.cuopon-blue.receive .btn span {
    border-color: #c1e5f5;
    background: #f5fbfd;
    color: #c1e5f5
}

.cuopon-blue.receive .btn:before {
    background: #f5fbfd;
    border-color: #c1e5f5
}

.cuopon-record {
    width: 620px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 38px;
    text-align: right;
    min-height: 374px
}

.cuopon-record .cuopon-record-main {
    width: 620px
}

.cuopon-record .cuopon-record-main th {
    background: #F5F5F5;
    height: 32px;
    text-align: center
}

.cuopon-record .cuopon-record-main td {
    border-bottom: 1px solid #F5F5F5;
    height: 32px;
    text-align: center
}

.cuopon-info {
    margin-bottom: 16px;
    height: 24px;
    line-height: 24px;
    margin-top: 18px
}

.cuopon-info P {
    float: left;
    font-size: 12px;
    color: #000
}

.cuopon-info P span.red {
    color: #D20A2C;
    margin-left: 5px
}

.cuopon-info a {
    float: left;
    margin-left: 74px;
    width: 84px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #D20A2C;
    border: 1px solid #D20A2C;
    border-radius: 12px
}

.price-protect-coupun {
    height: 304px;
    margin-right: -10px;
    overflow: auto;
    overflow-x: hidden
}

.price-protect-coupun::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.price-protect-coupun::-webkit-scrollbar-track {
    background: #F0F0F0;
    -webkit-border-radius: 6px
}

.price-protect-coupun::-webkit-scrollbar-thumb {
    background-color: #ccc;
    -webkit-border-radius: 6px
}

.price-protect-coupun.cuopon-list {
    font-size: 0;
    margin-bottom: 24px
}

.price-protect-coupun.cuopon-list li {
    display: inline-block;
    vertical-align: top;
    margin-right: 0
}

.price-protect-coupun.cuopon-list li:nth-of-type(odd) {
    margin-right: 20px
}

.price-protect-coupun .cuopon-detail {
    width: 336px;
    min-height: 128px;
    margin-top: 0;
    background: rgba(230, 69, 102, 0.1)
}

.price-protect-coupun .cuopon-detail .btn {
    position: absolute;
    top: 50px;
    right: 14px
}

.price-protect-coupun .cuopon-detail .btn span {
    display: block;
    text-align: center;
    background: #E64566;
    color: #FFF;
    width: 67px;
    height: 28px;
    line-height: 28px;
    border-radius: 14px
}

.price-protect-coupun .cuopon-detail .checkbox {
    position: absolute;
    top: 54px;
    right: 18px;
    margin-right: 0
}

.price-protect-coupun .cuopon-detail .checkbox input[type=checkbox]::-ms-check {
    display: none
}

.price-protect-coupun .cuopon-detail .checkbox input[type=checkbox] {
    display: inline-block;
    height: 14px;
    width: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../../images/echannel/icon/icon-header.png") no-repeat;
    background-position: -18px -129px
}

.price-protect-coupun .cuopon-detail .checkbox input[type=checkbox]:checked {
    background-position: 0 -129px
}

.price-protect-coupun .cuopon-detail .checkbox input[type=checkbox]:disabled {
    background-position: -18px -115px;
    cursor: not-allowed
}

.price-protect-coupun .cuopon-detail .checkbox input[type="checkbox"] {
    float: left;
    width: 24px;
    height: 24px;
    background: url("../../images/echannel/icon/icon-checkbox.svg") no-repeat;
    background-size: 100% 300%;
    background-position: 0 -24px
}

.price-protect-coupun .cuopon-detail .checkbox input[type="checkbox"]:checked {
    background-position: 0 0
}

.price-protect-coupun .cuopon-detail .checkbox input[type="checkbox"]:disabled {
    background-position: 0 -48px
}

.price-protect-coupun .cuopon-detail .info {
    color: #E64566;
    min-height: 89px
}

.price-protect-coupun .cuopon-detail .info:before,
.price-protect-coupun .cuopon-detail .info:after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    z-index: 2;
    position: absolute;
    top: -5px;
    right: 86px
}

.price-protect-coupun .cuopon-detail .info:after {
    top: auto;
    bottom: -5px
}

.price-protect-coupun .cuopon-detail .info .price {
    *zoom: 1;
    min-height: 36px
}

.price-protect-coupun .cuopon-detail .info .price:before,
.price-protect-coupun .cuopon-detail .info .price:after {
    content: "";
    display: table
}

.price-protect-coupun .cuopon-detail .info .price:after {
    clear: both
}

.price-protect-coupun .cuopon-detail .info .detail {
    display: flex;
    align-items: center
}

.price-protect-coupun .cuopon-detail .info .detail .word {
    max-width: 260px
}

.price-protect-coupun .cuopon-detail .cuopon-tips p {
    width: 286px
}

.price-protect-coupun .cuopon-detail.disabled {
    background: #f1f1f1
}

.price-protect-coupun .cuopon-detail.disabled .tag {
    color: rgba(0, 0, 0, 0.4);
    background: rgba(0, 0, 0, 0.04)
}

.price-protect-coupun .cuopon-detail.disabled .radio input[type="radio"] {
    cursor: not-allowed;
    background-position: 0 -24px
}

.price-protect-coupun .cuopon-detail.disabled .radio input[type="radio"]:checked {
    background-position: 0 -24px
}

.price-protect-coupun .cuopon-detail.disabled .radio input[type="radio"]:readonly {
    background-position: 0 -24px
}

.price-protect-coupun .cuopon-detail.disabled .info {
    color: rgba(0, 0, 0, 0.4)
}

.price-protect-coupun .cuopon-detail.disabled .info .price:before {
    border-left-color: rgba(0, 0, 0, 0.4)
}

.price-protect-coupun .cuopon-detail.disabled .info .price .price-tips {
    background: rgba(0, 0, 0, 0.04)
}

.price-protect-coupun .cuopon-detail.disabled .info .detail .word em {
    background: rgba(0, 0, 0, 0.4)
}

.price-protect-coupun .cuopon-detail.disabled .info .detail .word span {
    color: rgba(0, 0, 0, 0.5)
}

.price-protect-coupun .cuopon-spacing {
    min-height: 20px
}

.price-protect-coupun .cuopon-error-tips {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.4);
    padding-top: 8px;
    padding-bottom: 11px;
    padding-left: 17px;
    position: relative
}

.price-protect-coupun .cuopon-error-tips:before {
    content: "";
    width: 12px;
    height: 12px;
    background: url("../../images/echannel/icon/icon03.svg");
    background-position: -255px 0;
    transform-origin: 0 0;
    transform: scale(1.18);
    position: absolute;
    top: 9px;
    left: 0
}

.price-protect-coupun .cuopon-blue {
    background: #f5fbfd
}

.price-protect-coupun .cuopon-blue .tag {
    color: #46B1E3;
    background: rgba(70, 177, 227, 0.1)
}

.price-protect-coupun .cuopon-blue .btn span {
    background: #46B1E3
}

.price-protect-coupun .cuopon-blue .info {
    color: #46B1E3
}

.price-protect-coupun .cuopon-blue .info .price .price-tips {
    background: rgba(70, 177, 255, 0.1)
}

.price-protect-coupun .cuopon-blue .info .price-con {
    font-size: 30px;
    height: 36px;
    line-height: 36px
}

.price-protect-coupun .cuopon-blue .info .detail .word em {
    background: #46B1E3
}

.price-protect-coupun .cuopon-blue.receive .btn:before {
    background: #c1e5f5
}

.price-protect-coupun .cuopon-blue.receive .btn span {
    background: #c1e5f5
}

.mymail-record .mymail-record-detial li {
    margin-top: 20px;
    background: #f9f9f9;
    border-radius: 8px;
    padding: 16px 24px 20px;
    position: relative
}

.mymail-record .p-img {
    float: left;
    margin-right: 20px;
    width: 100px;
    height: 100px
}

.mymail-record .p-img img {
    width: 100px;
    height: 100px;
    vertical-align: top;
    border-radius: 8px
}

.mymail-record .record-con {
    float: left;
    width: 772px
}

.mymail-record .record-title {
    line-height: 21px;
    margin-bottom: 10px
}

.mymail-record .record-title a {
    font-size: 16px;
    max-width: 738px;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mymail-record .record-title .record-time {
    color: #999;
    font-size: 12px;
    padding: 0 20px;
    float: left
}

.mymail-record .list-group-page {
    padding-top: 60px;
    text-align: right
}

.mymail-record .record-link {
    text-align: right
}

.mymail-record .record-link a {
    color: #267eff;
    font-size: 14px
}

.mymail-record .record-detail {
    color: #666
}

.mymail-record .btn-close {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 10px;
    right: 10px
}

.mymail-record .btn-close:before {
    display: inline-block;
    content: "\e635";
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    color: #9b9b9b;
    font-size: 12px;
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5)
}

.mymail-record-list .record-link {
    position: absolute;
    right: 24px;
    bottom: 16px
}

.mymail-record-list .record-detail {
    line-height: 15px;
    color: #666;
    max-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.mymail-record-activity .record-link {
    margin-top: 16px
}

.mymail-record-activity .record-link a {
    line-height: 19px
}

.mymail-record-activity .mymail-record-detial li {
    padding-bottom: 16px
}

.mymail-record-activity li .record-con {
    float: none;
    width: 100%
}

.mymail-record-activity .act-img {
    margin-bottom: 16px
}

.mymail-record-activity .act-img a {
    display: block;
    width: 100%
}

.mymail-record-activity .act-img img {
    width: 100%;
    border-radius: 8px
}

.mymail-record-activity .record-detail {
    line-height: 18px
}

.mymail-hd {
    border-bottom: 1px solid #eaeaea;
    margin-top: 4px
}

.mymail-hd .tab a {
    font-size: 18px
}

.mymail-hd .tab li {
    float: left;
    min-width: 102px;
    text-align: center;
    margin-right: 10px;
    padding: 18px 0 14px;
    position: relative
}

.mymail-hd .tab li em {
    color: #ca141d;
    margin-left: 2px
}

.mymail-hd .tab li.current a {
    color: #ca141d
}

.mymail-hd .tab li.current:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #ca141d;
    position: absolute;
    bottom: 0;
    left: 0
}

.myMail-detail .h .mail-soure {
    height: 40px;
    line-height: 40px;
    background-color: #F5F5F5;
    font-size: 14px;
    color: #888;
    padding: 0 15px
}

.myMail-detail .h .mail-soure label {
    margin-right: 24px
}

.myMail-detail .h .mail-soure label span {
    color: #333
}

.myMail-detail .h h1 {
    font-size: 16px;
    text-align: center;
    padding: 38px 0 34px
}

.myMail-detail .b {
    word-break: break-all;
    word-wrap: break-word;
    padding: 0 19px 60px;
    font-size: 14px;
    line-height: 21px;
    background-position: 50% bottom
}

.inform-empty-area {
    width: 130px;
    text-align: center;
    color: #999;
    margin-left: 297px;
    font-size: 14px
}

.inform-empty-area:before {
    content: "";
    width: 100px;
    height: 100px;
    display: block;
    background: url("../../images/echannel/icon/icon-mymail.png");
    background-size: 100%;
    margin: 0 auto;
    margin-top: 160px;
    margin-bottom: 8px
}

.myBalance-have {
    text-align: center;
    background-color: #F5F5F5;
    padding: 42px 0
}

.myBalance-have span {
    font-size: 80px
}

.myBalance-have label {
    font-size: 24px;
    margin-left: 11px;
    position: relative;
    top: -5px
}

.myBalance-record {
    width: 100%;
    overflow: hidden
}

.myBalance-record table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.myBalance-record table a {
    color: #36c
}

.myBalance-record table a:hover {
    text-decoration: none;
    color: #ca151e
}

.myBalance-record table thead th {
    font-size: 14px;
    color: #888;
    height: 14px;
    line-height: 14px;
    *line-height: 1.2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: center
}

.myBalance-record table tbody td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    text-align: center;
    padding: 16px 0
}

.myBalance-record table tbody td.col-operate .p-button {
    padding: 5px 0
}

.myBalance-record table tbody td.col-operate .p-link {
    padding: 4px 0
}

.myBalance-record .list-group-header {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 20px
}

.myBalance-record .list-group-header:before,
.myBalance-record .list-group-header:after {
    content: "";
    display: table
}

.myBalance-record .list-group-header:after {
    clear: both
}

.myBalance-record .list-group-header h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.myBalance-record .list-group-header h3 span {
    font-size: 14px;
    color: #888
}

.myBalance-record .list-group-header h3 span em {
    color: #333
}

.myBalance-record .list-group-header .ec-tab a {
    padding-bottom: 13px
}

.myBalance-record .list-group-caption {
    *zoom: 1;
    padding-bottom: 10px;
    border-bottom: 1px solid #DEDEDE
}

.myBalance-record .list-group-caption:before,
.myBalance-record .list-group-caption:after {
    content: "";
    display: table
}

.myBalance-record .list-group-caption:after {
    clear: both
}

.myBalance-record .list-group-caption h3 {
    font-size: 16px
}

.myBalance-record .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.myBalance-record .list-group-caption h3 span em {
    color: #333
}

.myBalance-record .list-group-title {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA
}

.myBalance-record .list-group-item {
    margin: 0 -1px;
    border-bottom: 1px solid #f2f2f2
}

.myBalance-record .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.myBalance-record .list-group-page {
    padding-top: 20px;
    text-align: right
}

.myBalance-record table .col-date {
    width: 185px
}

.myBalance-record table .col-amount {
    width: 146px
}

.myBalance-record table .col-detail {
    padding-left: 25px;
    padding-right: 25px
}

.myBalance-record table tbody td.col-detail {
    text-align: left
}

.myGroup-record {
    width: 100%;
    overflow: hidden
}

.myGroup-record table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.myGroup-record table a {
    color: #36c
}

.myGroup-record table a:hover {
    text-decoration: none;
    color: #ca151e
}

.myGroup-record table thead th {
    font-size: 14px;
    color: #888;
    height: 14px;
    line-height: 14px;
    *line-height: 1.2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: center
}

.myGroup-record table tbody td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    text-align: center;
    padding: 16px 0
}

.myGroup-record table tbody td.col-operate .p-button {
    padding: 5px 0
}

.myGroup-record table tbody td.col-operate .p-link {
    padding: 4px 0
}

.myGroup-record .list-group-header {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 20px
}

.myGroup-record .list-group-header:before,
.myGroup-record .list-group-header:after {
    content: "";
    display: table
}

.myGroup-record .list-group-header:after {
    clear: both
}

.myGroup-record .list-group-header h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.myGroup-record .list-group-header h3 span {
    font-size: 14px;
    color: #888
}

.myGroup-record .list-group-header h3 span em {
    color: #333
}

.myGroup-record .list-group-header .ec-tab a {
    padding-bottom: 13px
}

.myGroup-record .list-group-caption {
    *zoom: 1;
    padding-bottom: 10px;
    border-bottom: 1px solid #DEDEDE
}

.myGroup-record .list-group-caption:before,
.myGroup-record .list-group-caption:after {
    content: "";
    display: table
}

.myGroup-record .list-group-caption:after {
    clear: both
}

.myGroup-record .list-group-caption h3 {
    font-size: 16px
}

.myGroup-record .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.myGroup-record .list-group-caption h3 span em {
    color: #333
}

.myGroup-record .list-group-title {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA
}

.myGroup-record .list-group-item {
    margin: 0 -1px;
    border-bottom: 1px solid #f2f2f2
}

.myGroup-record .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.myGroup-record .list-group-page {
    padding-top: 20px;
    text-align: right
}

.myGroup-record table .col-pro,
.myGroup-record table .col-name {
    padding-left: 25px;
    padding-right: 25px
}

.myGroup-record table .col-amount,
.myGroup-record table .col-deposit,
.myGroup-record table .col-date,
.myGroup-record table .col-state {
    width: 100px
}

.myGroup-record table .col-type {
    width: 138px
}

.myGroup-record table .col-operate {
    width: 180px
}

.myGroup-record table tbody td.col-pro,
.myGroup-record table tbody td.col-name {
    text-align: left
}

.myGroup-record table tbody td.col-pro a,
.myGroup-record table tbody td.col-name a {
    color: #333
}

.myGroup-record table tbody td.col-pro a:hover,
.myGroup-record table tbody td.col-name a:hover {
    color: #36c
}

.myGroup-detail {
    width: 100%;
    overflow: hidden
}

.myGroup-detail table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.myGroup-detail table a {
    color: #36c
}

.myGroup-detail table a:hover {
    text-decoration: none;
    color: #ca151e
}

.myGroup-detail table thead th {
    font-size: 14px;
    color: #888;
    height: 14px;
    line-height: 14px;
    *line-height: 1.2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: center
}

.myGroup-detail table tbody td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    text-align: center;
    padding: 16px 0
}

.myGroup-detail table tbody td.col-operate .p-button {
    padding: 5px 0
}

.myGroup-detail table tbody td.col-operate .p-link {
    padding: 4px 0
}

.myGroup-detail .list-group-header {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 20px
}

.myGroup-detail .list-group-header:before,
.myGroup-detail .list-group-header:after {
    content: "";
    display: table
}

.myGroup-detail .list-group-header:after {
    clear: both
}

.myGroup-detail .list-group-header h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.myGroup-detail .list-group-header h3 span {
    font-size: 14px;
    color: #888
}

.myGroup-detail .list-group-header h3 span em {
    color: #333
}

.myGroup-detail .list-group-header .ec-tab a {
    padding-bottom: 13px
}

.myGroup-detail .list-group-caption {
    *zoom: 1;
    padding-bottom: 10px;
    border-bottom: 1px solid #DEDEDE
}

.myGroup-detail .list-group-caption:before,
.myGroup-detail .list-group-caption:after {
    content: "";
    display: table
}

.myGroup-detail .list-group-caption:after {
    clear: both
}

.myGroup-detail .list-group-caption h3 {
    font-size: 16px
}

.myGroup-detail .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.myGroup-detail .list-group-caption h3 span em {
    color: #333
}

.myGroup-detail .list-group-title {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA
}

.myGroup-detail .list-group-item {
    margin: 0 -1px;
    border-bottom: 1px solid #f2f2f2
}

.myGroup-detail .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.myGroup-detail .list-group-page {
    padding-top: 20px;
    text-align: right
}

.myGroup-detail table .col-no {
    width: 168px
}

.myGroup-detail table .col-date {
    width: 232px
}

.myGroup-detail .myGroup-headline {
    background-color: #F5F5F5;
    padding: 12px 26px;
    font-size: 14px;
    line-height: 21px
}

.myExch-cate {
    padding: 10px 0 20px 0 !important
}

.myOrder-cate {
    padding: 18px 3px 30px
}

.myOrder-cate ul {
    *zoom: 1
}

.myOrder-cate ul:before,
.myOrder-cate ul:after {
    content: "";
    display: table
}

.myOrder-cate ul:after {
    clear: both
}

.myOrder-cate ul li {
    float: left;
    margin-right: 10px;
    padding: 5px 16px;
    font-size: 14px;
    background-color: #F2F2F2
}

.myOrder-cate ul li a {
    color: #666
}

.myOrder-cate ul li a em {
    margin-left: 4px;
    color: #ca151e
}

.myOrder-cate ul li:hover {
    color: #FFF;
    background-color: #2D2D2D
}

.myOrder-cate ul li:hover a {
    color: #FFF;
    text-decoration: none
}

.myOrder-cate ul li.current {
    background-color: #2D2D2D
}

.myOrder-cate ul li.current a {
    color: #FFF
}

.myOrder-control {
    padding: 10px 0 10px 7px
}

.myOrder-control .inputbox {
    display: inline-block;
    cursor: pointer;
    margin-right: 20px
}

.myOrder-control .inputbox input {
    vertical-align: middle;
    margin-right: 10px
}

.myOrder-control .inputbox span {
    font-size: 14px;
    vertical-align: middle;
    font-family: tahoma, "微软雅黑"
}

.myOrder-record,
.myRecycle-record {
    width: 100%;
    overflow: inherit
}

.myOrder-record table,
.myRecycle-record table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.myOrder-record table a:hover,
.myRecycle-record table a:hover {
    text-decoration: none;
    color: #ca151e
}

.myOrder-record .list-group-caption,
.myRecycle-record .list-group-caption {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE
}

.myOrder-record .list-group-caption:before,
.myRecycle-record .list-group-caption:before,
.myOrder-record .list-group-caption:after,
.myRecycle-record .list-group-caption:after {
    content: "";
    display: table
}

.myOrder-record .list-group-caption:after,
.myRecycle-record .list-group-caption:after {
    clear: both
}

.myOrder-record .list-group-caption h3,
.myRecycle-record .list-group-caption h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.myOrder-record .list-group-caption h3 span,
.myRecycle-record .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.myOrder-record .list-group-caption h3 span em,
.myRecycle-record .list-group-caption h3 span em {
    color: #333
}

.myOrder-record .list-group-caption h3 i,
.myRecycle-record .list-group-caption h3 i {
    background: url("../../images/echannel/icon/icon40.png") scroll no-repeat;
    background-position: -1px -207px
}

.myOrder-record .list-group-caption h3 i:hover+.tips-area,
.myRecycle-record .list-group-caption h3 i:hover+.tips-area {
    display: block
}

.myOrder-record .list-group-caption h3 .tips-text,
.myRecycle-record .list-group-caption h3 .tips-text {
    width: 276px;
    margin-right: -140px
}

.myOrder-record .list-group-title,
.myRecycle-record .list-group-title {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA
}

.myOrder-record .list-group-title thead th,
.myRecycle-record .list-group-title thead th {
    font-size: 14px;
    color: #888;
    height: 14px;
    line-height: 14px;
    *line-height: 1.2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: center
}

.myOrder-record .list-group-item,
.myRecycle-record .list-group-item {
    margin: 0 -1px
}

.myOrder-record .list-group-item .o-pro tbody td,
.myRecycle-record .list-group-item .o-pro tbody td {
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 10px 0
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-img,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-img {
    position: relative;
    width: 120px;
    border-right: 1px solid #FFF
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-img .p-img img,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-img .p-img img {
    display: inline-block;
    width: 100px;
    height: 100px
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-img .p-tag,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-img .p-tag {
    position: absolute;
    left: 0;
    top: 0
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-info,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-info {
    text-align: left
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis:before,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis:before,
.myOrder-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis:after,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis:after {
    display: none !important
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-info .p-name,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-info .p-name {
    line-height: 21px;
    padding: 0 10px;
    *zoom: 1
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-info .p-name:before,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-info .p-name:before,
.myOrder-record .list-group-item .o-pro tbody td.col-pro-info .p-name:after,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-info .p-name:after {
    content: "";
    display: table
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-info .p-name:after,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-info .p-name:after {
    clear: both
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-info .p-name a,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-info .p-name a {
    color: #333
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-info .p-name a:hover,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-info .p-name a:hover {
    color: #ca151e
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-info .p-name b,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-info .p-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    padding: 0 7px;
    position: relative;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    float: left;
    top: 3px
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes {
    margin: 6px 0 6px 10px;
    border-radius: 2px
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes:hover,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes:hover {
    color: #fff
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes.disbaled,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes.disbaled {
    color: #9c9c9c;
    background: #fff;
    border: 1px solid #d1d1d1;
    width: 118px;
    height: 28px;
    line-height: 28px;
    cursor: not-allowed
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes.disbaled:hover,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes.disbaled:hover {
    color: #9c9c9c;
    background: #fff
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide {
    padding: 0 10px;
    position: relative
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses {
    font-family: HYQiHei-EES;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    font-weight: 300;
    margin-top: 6px;
    display: inline-block;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses .not_Normal,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses .not_Normal {
    white-space: nowrap
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses .p-name-glasses-note,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses .p-name-glasses-note {
    color: black
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_down,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_down {
    position: absolute;
    bottom: 5px
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_down::after,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_down::after {
    content: "";
    width: 12px;
    height: 10px;
    display: inline-block;
    margin-left: 4px;
    background: url(../../images/echannel/icon/icon50.png) no-repeat;
    background-position: -4px -5px
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_up,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_up {
    position: absolute;
    bottom: 5px
}

.myOrder-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_up::after,
.myRecycle-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_up::after {
    content: "";
    width: 12px;
    height: 10px;
    display: inline-block;
    margin-left: 4px;
    background: url(../../images/echannel/icon/icon50.png) no-repeat;
    background-position: -4px -24px
}

.myOrder-record .list-group-item .o-pro tbody td.col-state,
.myRecycle-record .list-group-item .o-pro tbody td.col-state,
.myOrder-record .list-group-item .o-pro tbody td.col-quty,
.myRecycle-record .list-group-item .o-pro tbody td.col-quty,
.myOrder-record .list-group-item .o-pro tbody td.col-price,
.myRecycle-record .list-group-item .o-pro tbody td.col-price,
.myOrder-record .list-group-item .o-pro tbody td.col-pay,
.myRecycle-record .list-group-item .o-pro tbody td.col-pay {
    color: #AAA
}

.myOrder-record .list-group-item .o-pro tbody td.col-state em,
.myRecycle-record .list-group-item .o-pro tbody td.col-state em,
.myOrder-record .list-group-item .o-pro tbody td.col-quty em,
.myRecycle-record .list-group-item .o-pro tbody td.col-quty em,
.myOrder-record .list-group-item .o-pro tbody td.col-price em,
.myRecycle-record .list-group-item .o-pro tbody td.col-price em,
.myOrder-record .list-group-item .o-pro tbody td.col-pay em,
.myRecycle-record .list-group-item .o-pro tbody td.col-pay em {
    margin-right: 3px
}

.myOrder-record .list-group-item .o-pro tbody td.col-operate,
.myRecycle-record .list-group-item .o-pro tbody td.col-operate {
    border-right: #FFF
}

.myOrder-record .list-group-item .o-pro tbody td.col-operate .p-button,
.myRecycle-record .list-group-item .o-pro tbody td.col-operate .p-button {
    padding: 5px 0
}

.myOrder-record .list-group-item .o-pro tbody td.col-operate .p-link,
.myRecycle-record .list-group-item .o-pro tbody td.col-operate .p-link {
    padding: 4px 0
}

.myOrder-record .list-group-item .o-pro .o-gift td,
.myRecycle-record .list-group-item .o-pro .o-gift td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 14px 0
}

.myOrder-record .list-group-item .o-pro .o-gift td.col-gift,
.myRecycle-record .list-group-item .o-pro .o-gift td.col-gift {
    text-align: left;
    position: relative
}

.myOrder-record .list-group-item .o-pro .o-gift td.col-gift .d-name,
.myRecycle-record .list-group-item .o-pro .o-gift td.col-gift .d-name {
    line-height: 21px;
    padding-left: 131px
}

.myOrder-record .list-group-item .o-pro .o-gift td.col-gift .d-name b,
.myRecycle-record .list-group-item .o-pro .o-gift td.col-gift .d-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    padding: 0 7px;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    float: left;
    position: relative;
    top: 3px
}

.myOrder-record .list-group-item .o-pro .o-gift td.col-gift .p-tag,
.myRecycle-record .list-group-item .o-pro .o-gift td.col-gift .p-tag {
    position: absolute;
    top: 0;
    left: 0
}

.myOrder-record .list-group-item .o-deposit tbody tr.disabled,
.myRecycle-record .list-group-item .o-deposit tbody tr.disabled {
    color: #AAA !important
}

.myOrder-record .list-group-item .o-deposit tbody tr td,
.myRecycle-record .list-group-item .o-deposit tbody tr td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 16.5px 0
}

.myOrder-record .list-group-item .o-deposit tbody tr td.col-deposit,
.myRecycle-record .list-group-item .o-deposit tbody tr td.col-deposit {
    text-align: left
}

.myOrder-record .list-group-item .o-deposit tbody tr td.col-deposit .d-name,
.myRecycle-record .list-group-item .o-deposit tbody tr td.col-deposit .d-name {
    line-height: 21px
}

.myOrder-record .list-group-item .o-deposit tbody tr td.col-price em,
.myRecycle-record .list-group-item .o-deposit tbody tr td.col-price em,
.myOrder-record .list-group-item .o-deposit tbody tr td.col-pay em,
.myRecycle-record .list-group-item .o-deposit tbody tr td.col-pay em {
    margin-right: 3px
}

.myOrder-record .list-group-item .o-deposit tbody tr td.col-operate,
.myRecycle-record .list-group-item .o-deposit tbody tr td.col-operate {
    border-right: #FFF
}

.myOrder-record .list-group-item .o-deposit tbody tr td.col-operate .p-button,
.myRecycle-record .list-group-item .o-deposit tbody tr td.col-operate .p-button {
    padding: 5px 0
}

.myOrder-record .list-group-item .o-deposit tbody tr td.col-operate .p-link,
.myRecycle-record .list-group-item .o-deposit tbody tr td.col-operate .p-link {
    padding: 4px 0
}

.myOrder-record .list-group-item .o-gift tbody tr td,
.myRecycle-record .list-group-item .o-gift tbody tr td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 14px 0
}

.myOrder-record .list-group-item .o-gift tbody tr td.col-gift,
.myRecycle-record .list-group-item .o-gift tbody tr td.col-gift {
    text-align: left;
    position: relative
}

.myOrder-record .list-group-item .o-gift tbody tr td.col-gift .d-name,
.myRecycle-record .list-group-item .o-gift tbody tr td.col-gift .d-name {
    line-height: 21px;
    padding-left: 130px
}

.myOrder-record .list-group-item .o-gift tbody tr td.col-gift .d-name b,
.myRecycle-record .list-group-item .o-gift tbody tr td.col-gift .d-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    display: inline-block;
    padding: 0 7px;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    position: relative;
    top: -1px
}

.myOrder-record .list-group-item .o-gift tbody tr td.col-gift .p-tag,
.myRecycle-record .list-group-item .o-gift tbody tr td.col-gift .p-tag {
    position: absolute;
    top: 0;
    left: 0
}

.myOrder-record .list-group-item .o-gift tbody tr td.col-operate,
.myRecycle-record .list-group-item .o-gift tbody tr td.col-operate {
    border-right: #FFF
}

.myOrder-record .list-group-empty,
.myRecycle-record .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.myOrder-record .list-group-empty a,
.myRecycle-record .list-group-empty a {
    color: #36c
}

.myOrder-record .list-group-empty a:hover,
.myRecycle-record .list-group-empty a:hover {
    text-decoration: none;
    color: #ca151e
}

.myOrder-record .list-group-page,
.myRecycle-record .list-group-page {
    padding-top: 20px;
    text-align: right
}

.myOrder-record .list-group-title th.col-pro,
.myRecycle-record .list-group-title th.col-pro {
    border-left: #F5F5F5
}

.myOrder-record .list-group-title th.col-operate,
.myRecycle-record .list-group-title th.col-operate {
    border-right: #F5F5F5
}

.myOrder-record .col-price,
.myRecycle-record .col-price {
    width: 113px
}

.myOrder-record .col-quty,
.myRecycle-record .col-quty {
    width: 74px
}

.myOrder-record .col-pay,
.myRecycle-record .col-pay {
    width: 113px
}

.myOrder-record .col-state,
.myRecycle-record .col-state,
.myOrder-record .col-operate,
.myRecycle-record .col-operate {
    width: 138px
}

.myOrder-record .o-info,
.myRecycle-record .o-info {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE;
    font-size: 14px;
    padding: 23px 0 10px;
    height: 17px
}

.myOrder-record .o-info:before,
.myRecycle-record .o-info:before,
.myOrder-record .o-info:after,
.myRecycle-record .o-info:after {
    content: "";
    display: table
}

.myOrder-record .o-info:after,
.myRecycle-record .o-info:after {
    clear: both
}

.myOrder-record .o-info a:hover,
.myRecycle-record .o-info a:hover {
    text-decoration: none;
    color: #ca151e
}

.myOrder-record .o-info .col-info,
.myRecycle-record .o-info .col-info {
    float: left
}

.myOrder-record .o-info .col-info span,
.myRecycle-record .o-info .col-info span {
    float: left
}

.myOrder-record .o-info .col-info .checkbox,
.myRecycle-record .o-info .col-info .checkbox {
    margin: 2px 6px 0 8px;
    float: left
}

.myOrder-record .o-info .col-info .icon-priority,
.myRecycle-record .o-info .col-info .icon-priority {
    width: 20px;
    height: 20px;
    background: url("../../images/echannel/icon/icon-priority.png") no-repeat;
    position: relative;
    top: -1px;
    margin-right: 10px
}

.myOrder-record .o-info .col-info .o-icon,
.myRecycle-record .o-info .col-info .o-icon {
    font-size: 12px;
    border: 1px solid #ca141d;
    color: #ca141d;
    padding: 4px 4px 0;
    height: 15px;
    line-height: 1;
    border-radius: 2px;
    margin-right: 12px;
    position: relative;
    top: -2px
}

.myOrder-record .o-info .col-info .o-icon-1,
.myRecycle-record .o-info .col-info .o-icon-1 {
    font-size: 12px;
    border: 1px solid #ca141d;
    color: #ca141d;
    border-radius: 2px;
    margin-right: 10px;
    display: inline-block;
    text-align: center;
    padding: 0 7px;
    min-width: 24px;
    line-height: 14px
}

.myOrder-record .o-info .col-info .o-icon-2,
.myRecycle-record .o-info .col-info .o-icon-2 {
    font-size: 12px;
    border: 1px solid #ca141d;
    color: #ca141d;
    border-radius: 2px;
    margin-right: 10px;
    display: inline-block;
    text-align: center;
    padding: 0 5px;
    min-width: 48px;
    line-height: 14px
}

.myOrder-record .o-info .col-info .o-date,
.myRecycle-record .o-info .col-info .o-date {
    margin-right: 15px;
    color: #888
}

.myOrder-record .o-info .col-info .o-no,
.myRecycle-record .o-info .col-info .o-no {
    color: #888;
    margin-right: 10px
}

.myOrder-record .o-info .col-info .o-logistics,
.myRecycle-record .o-info .col-info .o-logistics {
    display: inline-block
}

.myOrder-record .o-info .col-info .o-logistics .o-logistics-record,
.myRecycle-record .o-info .col-info .o-logistics .o-logistics-record {
    -webkit-transition: top .3s ease;
    transition: top .3s ease;
    visibility: hidden;
    *display: none;
    position: absolute;
    top: 32px;
    left: -117px;
    width: 513px;
    border: 1px solid #DEDEDE;
    background-color: #FFF
}

.myOrder-record .o-info .col-info .o-logistics .o-logistics-record .o-logistics-list,
.myRecycle-record .o-info .col-info .o-logistics .o-logistics-record .o-logistics-list {
    padding: 0 30px 22px
}

.myOrder-record .o-info .col-info .o-logistics .o-logistics-record .o-logistics-list table,
.myRecycle-record .o-info .col-info .o-logistics .o-logistics-record .o-logistics-list table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.myOrder-record .o-info .col-info .o-logistics .o-logistics-record .o-logistics-list table .col-log-date,
.myRecycle-record .o-info .col-info .o-logistics .o-logistics-record .o-logistics-list table .col-log-date {
    width: 172px;
    padding-left: 1px
}

.myOrder-record .o-info .col-info .o-logistics .o-logistics-record .o-logistics-list table thead tr th,
.myRecycle-record .o-info .col-info .o-logistics .o-logistics-record .o-logistics-list table thead tr th {
    border-bottom: 1px solid #DEDEDE;
    padding: 30px 0 10px
}

.myOrder-record .o-info .col-info .o-logistics .o-logistics-record .o-logistics-list table tbody tr td,
.myRecycle-record .o-info .col-info .o-logistics .o-logistics-record .o-logistics-list table tbody tr td {
    word-break: break-all;
    word-wrap: break-word;
    vertical-align: top;
    line-height: 21px;
    color: #888;
    padding: 4.5px 0
}

.myOrder-record .o-info .col-info .o-logistics .o-logistics-record .o-logistics-list table tbody tr.tr-latest td,
.myRecycle-record .o-info .col-info .o-logistics .o-logistics-record .o-logistics-list table tbody tr.tr-latest td {
    color: #333;
    padding-top: 13.5px
}

.myOrder-record .o-info .col-info .o-logistics .o-logistics-record .o-logistics-list-loading,
.myRecycle-record .o-info .col-info .o-logistics .o-logistics-record .o-logistics-list-loading {
    text-align: center;
    padding-top: 22px
}

.myOrder-record .o-info .col-info .o-logistics .o-logistics-record .o-logistics-list-empty,
.myRecycle-record .o-info .col-info .o-logistics .o-logistics-record .o-logistics-list-empty {
    text-align: center;
    color: #888;
    padding: 26px 0
}

.myOrder-record .o-info .col-info .o-logistics .o-logistics-record s,
.myRecycle-record .o-info .col-info .o-logistics .o-logistics-record s {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    position: absolute;
    top: -7px;
    left: 139px;
    width: 11px;
    height: 7px;
    font-size: 0;
    line-height: 0;
    background-position: -134px 0
}

.myOrder-record .o-info .col-info .o-logistics.hover,
.myRecycle-record .o-info .col-info .o-logistics.hover,
.myOrder-record .o-info .col-info .o-logistics:hover,
.myRecycle-record .o-info .col-info .o-logistics:hover {
    position: relative;
    z-index: 2
}

.myOrder-record .o-info .col-info .o-logistics.hover .o-logistics-record,
.myRecycle-record .o-info .col-info .o-logistics.hover .o-logistics-record,
.myOrder-record .o-info .col-info .o-logistics:hover .o-logistics-record,
.myRecycle-record .o-info .col-info .o-logistics:hover .o-logistics-record {
    visibility: visible;
    *display: block;
    top: 27px
}

.myOrder-record .o-info .col-state,
.myRecycle-record .o-info .col-state {
    float: right;
    text-align: center;
    color: #888;
    width: auto
}

.myRecycle-record .o-info .col-state .recycle-order-tosend {
    color: #CA141D
}

.myRecycle-record .o-info .col-state .recycle-order-finished {
    color: #000
}

.myRecycle-record .o-info .col-info .o-name {
    margin-left: 10px;
    color: #000
}

.myRecycle-record .o-info .col-info .o-name em {
    color: #DD3328
}

.myOrder-record .col-main {
    padding: 0 !important
}

.myOrder-record .col-price {
    width: 95px
}

.myOrder-record .col-quty {
    width: 75px
}

.myOrder-record .col-condition {
    width: 75px
}

.myOrder-record .col-pay {
    width: 109px
}

.myOrder-record .col-operate {
    width: 146px
}

.myOrder-record .list-group-title thead th {
    border-left: none
}

.myOrder-record .o-info .col-info .o-link {
    color: #888;
    margin-left: 16px;
    text-decoration: underline
}

.o-pro-num {
    text-align: left;
    color: #888;
    border-bottom: 1px solid #F2F2F2;
    padding: 24px 0 8px 8px
}

.o-pro-num span {
    color: #333
}

.o-pro-list {
    border-top: 1px solid #F2F2F2
}

.o-pro-list:first-child {
    border-top: 0
}

.o-pro-list .o-pro-main {
    display: table-cell;
    width: 609px;
    border-right: 1px solid #F2F2F2
}

.o-pro-list .o-pro-main .p-main {
    border-bottom: 1px solid #F2F2F2
}

.o-pro-list .o-pro-main .p-main:last-child {
    border-bottom: 0
}

.o-pro-list .o-pro-main .p-info {
    display: table-cell;
    width: 437px;
    border-right: 1px solid #F2F2F2;
    padding: 10px 0
}

.o-pro-list .o-pro-main .p-gift {
    display: table-cell;
    vertical-align: middle;
    width: 327px;
    line-height: 21px;
    height: 50px;
    border-right: 1px solid #F2F2F2;
    padding-left: 110px;
    position: relative
}

.o-pro-list .o-pro-main .p-gift .p-tag {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    background: 0;
    border-radius: 0
}

.o-pro-list .o-pro-main .p-price {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 95px;
    border-right: 1px solid #F2F2F2;
    color: #AAA;
    word-break: break-all;
    word-wrap: break-word
}

.o-pro-list .o-pro-main .p-price span {
    padding-left: 3px
}

.o-pro-list .o-pro-main .p-quty {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 75px;
    color: #AAA;
    word-break: break-all;
    word-wrap: break-word
}

.o-pro-list .o-pro-main .p-img {
    display: table-cell;
    width: 110px;
    vertical-align: middle
}

.o-pro-list .o-pro-main .p-img a {
    display: block
}

.o-pro-list .o-pro-main .p-img img {
    width: 100px;
    height: 100px;
    display: block
}

.o-pro-list .o-pro-main .p-name {
    display: table-cell;
    width: 310px;
    line-height: 21px;
    vertical-align: middle;
    text-align: left
}

.o-pro-list .o-pro-main .p-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    padding: 0 7px;
    position: relative;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    float: left;
    top: 3px
}

.o-pro-list .o-pro-condition {
    display: table-cell;
    width: 75px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    color: #333
}

.o-pro-list .o-pro-condition p {
    padding: 4px 0
}

.o-pro-list .o-logistics {
    z-index: 2
}

.o-pro-list .o-logistics a:first-child {
    display: block;
    padding: 4px 0
}

.o-pro-list .o-logistics .o-logistics-record {
    -webkit-transition: top .3s ease;
    transition: top .3s ease;
    visibility: hidden;
    position: absolute;
    top: 30px;
    left: -108px;
    width: 513px;
    border: 1px solid #DEDEDE;
    background-color: #FFF
}

.o-pro-list .o-logistics .o-logistics-record .o-logistics-list {
    padding: 0 30px 22px
}

.o-pro-list .o-logistics .o-logistics-record .o-logistics-list table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.o-pro-list .o-logistics .o-logistics-record .o-logistics-list table .col-log-date {
    width: 172px;
    padding-left: 1px
}

.o-pro-list .o-logistics .o-logistics-record .o-logistics-list table thead tr th {
    border-bottom: 1px solid #DEDEDE;
    padding: 30px 0 10px
}

.o-pro-list .o-logistics .o-logistics-record .o-logistics-list table tbody tr td {
    word-break: break-all;
    word-wrap: break-word;
    vertical-align: top;
    line-height: 21px;
    color: #888;
    padding: 4.5px 0;
    text-align: left;
    border: 0
}

.o-pro-list .o-logistics .o-logistics-record .o-logistics-list table tbody tr.tr-latest td {
    color: #333;
    padding-top: 13.5px
}

.o-pro-list .o-logistics .o-logistics-record .o-logistics-list-loading {
    text-align: center;
    padding-top: 22px;
    font-size: 14px
}

.o-pro-list .o-logistics .o-logistics-record .o-logistics-list-empty {
    text-align: center;
    color: #888;
    padding: 26px 0;
    font-size: 14px
}

.o-pro-list .o-logistics .o-logistics-record:after {
    content: "";
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    position: absolute;
    top: -7px;
    left: 139px;
    width: 11px;
    height: 7px;
    font-size: 0;
    line-height: 0;
    background-position: -134px 0
}

.o-pro-list .o-logistics.hover,
.o-pro-list .o-logistics:hover {
    position: relative
}

.o-pro-list .o-logistics.hover .o-logistics-record,
.o-pro-list .o-logistics:hover .o-logistics-record {
    visibility: visible;
    top: 27px
}

.o-pro.assets-internal .o-pro-main {
    width: 719px
}

.o-pro.assets-internal .o-pro-main .p-info {
    width: 547px
}

.o-pro.assets-internal .o-pro-main .p-gift {
    width: 437px
}

.o-pro.assets-internal .o-pro-main .p-name {
    width: 420px
}

.o-pro.assets-internal.o-pro-other .col-tips {
    width: 75px
}

.o-pro-other .col-tips {
    width: 185px
}

.o-pro-other .col-tips .p-tips {
    padding: 0 16px;
    display: block;
    text-align: left;
    font-size: 12px;
    color: #999;
    line-height: 18px
}

.o-pro-other .o-pro-main {
    border: 0
}

.myOrder-record-tips {
    width: 908px;
    background-color: #fffdde;
    line-height: 21px;
    padding: 3px 16px 6px 16px;
    max-height: 40px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.order-detail-state {
    width: 816px;
    margin: 0 auto;
    padding: 32px 0 0
}

.order-detail-state ol {
    *zoom: 1;
    margin-left: -184px;
    width: 1000px
}

.order-detail-state ol:before,
.order-detail-state ol:after {
    content: "";
    display: table
}

.order-detail-state ol:after {
    clear: both
}

.order-detail-state ol li {
    float: left;
    position: relative;
    width: 200px;
    background-position: 0 40px
}

.order-detail-state ol li s {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    position: absolute;
    right: -6px;
    top: 32px;
    width: 16px;
    height: 16px;
    background-color: #FFF !important;
    padding: 0 6px;
    background-position: -20px -39px;
    z-index: 2
}

.order-detail-state ol li dl {
    float: right;
    width: 120px;
    font-size: 14px;
    text-align: center;
    margin-right: -52px;
    color: #CCC
}

.order-detail-state ol li dl dt {
    margin-bottom: 46px
}

.order-detail-state ol li dl dd {
    line-height: 18px
}

.order-detail-state ol li.completed,
.order-detail-state ol li.current {
    background-position: 0 40px
}

.order-detail-state ol li.current dl {
    color: #ca151e
}

.order-detail-state ol li.current s {
    background-position: -46px -39px
}

.order-detail-state ol li.completed dl {
    color: #333
}

.order-detail-state ol li.completed s {
    background-position: 6px -39px
}

.order-detail-state ol li.first {
    background-image: none
}

.order-detail-state-only {
    height: 70px;
    text-align: center;
    line-height: 100px;
    overflow: hidden;
    font-size: 16px;
    color: #CF0A2C
}

.order-detail-state-only span {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
    text-align: center;
    font-weight: 400
}

.order-state-progress .express-way:before {
    content: "";
    height: 1px;
    background: url("../../images/echannel/bg/bg66.png") scroll repeat-x;
    display: block;
    position: absolute;
    top: 40px;
    z-index: 1;
    zoom: 1;
    overflow: hidden;
    width: 86px;
    left: 207px
}

.order-detail-state-col2 {
    width: 226.5px;
    margin: 0 auto;
    padding: 32px 0 0
}

.order-detail-state-col2 ol {
    *zoom: 1;
    margin-left: -194.5px;
    width: 421px
}

.order-detail-state-col2 ol:before,
.order-detail-state-col2 ol:after {
    content: "";
    display: table
}

.order-detail-state-col2 ol:after {
    clear: both
}

.order-detail-state-col2 ol li {
    float: left;
    position: relative;
    width: 210.5px;
    background-position: 0 40px
}

.order-detail-state-col2 ol li s {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    position: absolute;
    right: -6px;
    top: 32px;
    width: 16px;
    height: 16px;
    background-color: #FFF !important;
    padding: 0 6px;
    background-position: -20px -39px;
    z-index: 2
}

.order-detail-state-col2 ol li dl {
    float: right;
    width: 120px;
    font-size: 14px;
    text-align: center;
    margin-right: -52px;
    color: #CCC
}

.order-detail-state-col2 ol li dl dt {
    margin-bottom: 46px
}

.order-detail-state-col2 ol li dl dd {
    line-height: 18px
}

.order-detail-state-col2 ol li.completed,
.order-detail-state-col2 ol li.current {
    background-position: 0 40px
}

.order-detail-state-col2 ol li.current dl {
    color: #ca151e
}

.order-detail-state-col2 ol li.current s {
    background-position: -46px -39px
}

.order-detail-state-col2 ol li.completed dl {
    color: #333
}

.order-detail-state-col2 ol li.completed s {
    background-position: 6px -39px
}

.order-detail-state-col2 ol li.first {
    background-image: none
}

.order-detail-state-col2 .express-way:before {
    width: 90px;
    left: 217px
}

.order-detail-state-col3 {
    width: 550px;
    margin: 0 auto;
    padding: 32px 0 0
}

.order-detail-state-col3 ol {
    *zoom: 1;
    margin-left: -251px;
    width: 801px
}

.order-detail-state-col3 ol:before,
.order-detail-state-col3 ol:after {
    content: "";
    display: table
}

.order-detail-state-col3 ol:after {
    clear: both
}

.order-detail-state-col3 ol li {
    float: left;
    position: relative;
    width: 267px;
    background-position: 0 40px
}

.order-detail-state-col3 ol li s {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    position: absolute;
    right: -6px;
    top: 32px;
    width: 16px;
    height: 16px;
    background-color: #FFF !important;
    padding: 0 6px;
    background-position: -20px -39px;
    z-index: 2
}

.order-detail-state-col3 ol li dl {
    float: right;
    width: 120px;
    font-size: 14px;
    text-align: center;
    margin-right: -52px;
    color: #CCC
}

.order-detail-state-col3 ol li dl dt {
    margin-bottom: 46px
}

.order-detail-state-col3 ol li dl dd {
    line-height: 18px
}

.order-detail-state-col3 ol li.completed,
.order-detail-state-col3 ol li.current {
    background-position: 0 40px
}

.order-detail-state-col3 ol li.current dl {
    color: #ca151e
}

.order-detail-state-col3 ol li.current s {
    background-position: -46px -39px
}

.order-detail-state-col3 ol li.completed dl {
    color: #333
}

.order-detail-state-col3 ol li.completed s {
    background-position: 6px -39px
}

.order-detail-state-col3 ol li.first {
    background-image: none
}

.order-detail-state-col3 .express-way:before {
    width: 118px;
    left: 274px
}

.order-detail-state-col4 {
    width: 556.75px;
    margin: 0 auto;
    padding: 32px 0 0
}

.order-detail-state-col4 ol {
    *zoom: 1;
    margin-left: -164.25px;
    width: 721px
}

.order-detail-state-col4 ol:before,
.order-detail-state-col4 ol:after {
    content: "";
    display: table
}

.order-detail-state-col4 ol:after {
    clear: both
}

.order-detail-state-col4 ol li {
    float: left;
    position: relative;
    width: 180.25px;
    background-position: 0 40px
}

.order-detail-state-col4 ol li s {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    position: absolute;
    right: -6px;
    top: 32px;
    width: 16px;
    height: 16px;
    background-color: #FFF !important;
    padding: 0 6px;
    background-position: -20px -39px;
    z-index: 2
}

.order-detail-state-col4 ol li dl {
    float: right;
    width: 120px;
    font-size: 14px;
    text-align: center;
    margin-right: -52px;
    color: #CCC
}

.order-detail-state-col4 ol li dl dt {
    margin-bottom: 46px
}

.order-detail-state-col4 ol li dl dd {
    line-height: 18px
}

.order-detail-state-col4 ol li.completed,
.order-detail-state-col4 ol li.current {
    background-position: 0 40px
}

.order-detail-state-col4 ol li.current dl {
    color: #ca151e
}

.order-detail-state-col4 ol li.current s {
    background-position: -46px -39px
}

.order-detail-state-col4 ol li.completed dl {
    color: #333
}

.order-detail-state-col4 ol li.completed s {
    background-position: 6px -39px
}

.order-detail-state-col4 ol li.first {
    background-image: none
}

.order-detail-state-col4 .express-way:before {
    width: 75px;
    left: 187px
}

.order-detail-state-col5 {
    width: 816.8px;
    margin: 0 auto;
    padding: 32px 0 0
}

.order-detail-state-col5 ol {
    *zoom: 1;
    margin-left: -184.2px;
    width: 1001px
}

.order-detail-state-col5 ol:before,
.order-detail-state-col5 ol:after {
    content: "";
    display: table
}

.order-detail-state-col5 ol:after {
    clear: both
}

.order-detail-state-col5 ol li {
    float: left;
    position: relative;
    width: 200.2px;
    background-position: 0 40px
}

.order-detail-state-col5 ol li s {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    position: absolute;
    right: -6px;
    top: 32px;
    width: 16px;
    height: 16px;
    background-color: #FFF !important;
    padding: 0 6px;
    background-position: -20px -39px;
    z-index: 2
}

.order-detail-state-col5 ol li dl {
    float: right;
    width: 120px;
    font-size: 14px;
    text-align: center;
    margin-right: -52px;
    color: #CCC
}

.order-detail-state-col5 ol li dl dt {
    margin-bottom: 46px
}

.order-detail-state-col5 ol li dl dd {
    line-height: 18px
}

.order-detail-state-col5 ol li.completed,
.order-detail-state-col5 ol li.current {
    background-position: 0 40px
}

.order-detail-state-col5 ol li.current dl {
    color: #ca151e
}

.order-detail-state-col5 ol li.current s {
    background-position: -46px -39px
}

.order-detail-state-col5 ol li.completed dl {
    color: #333
}

.order-detail-state-col5 ol li.completed s {
    background-position: 6px -39px
}

.order-detail-state-col5 ol li.first {
    background-image: none
}

.order-detail-state-col5 .express-way:before {
    width: 86px;
    left: 207px
}

@keyframes flash {

    0%,
    7.9% {
        width: 7px
    }

    11.5%,
    19.4% {
        width: 14px
    }

    23%,
    30.9% {
        width: 21px
    }

    34.5%,
    46% {
        width: 28px
    }

    46%,
    53.9% {
        width: 35px
    }

    57.5%,
    65.4% {
        width: 42px
    }

    69%,
    76.9% {
        width: 49px
    }

    80.5%,
    88.4% {
        width: 56px
    }

    92%,
    100% {
        width: 63px
    }
}

@-moz-keyframes flash {

    0%,
    7.9% {
        width: 7px
    }

    11.5%,
    19.4% {
        width: 14px
    }

    23%,
    30.9% {
        width: 21px
    }

    34.5%,
    46% {
        width: 28px
    }

    46%,
    53.9% {
        width: 35px
    }

    57.5%,
    65.4% {
        width: 42px
    }

    69%,
    76.9% {
        width: 49px
    }

    80.5%,
    88.4% {
        width: 56px
    }

    92%,
    100% {
        width: 63px
    }
}

@-webkit-keyframes flash {

    0%,
    7.9% {
        width: 7px
    }

    11.5%,
    19.4% {
        width: 14px
    }

    23%,
    30.9% {
        width: 21px
    }

    34.5%,
    46% {
        width: 28px
    }

    46%,
    53.9% {
        width: 35px
    }

    57.5%,
    65.4% {
        width: 42px
    }

    69%,
    76.9% {
        width: 49px
    }

    80.5%,
    88.4% {
        width: 56px
    }

    92%,
    100% {
        width: 63px
    }
}

@keyframes flash-col5 {

    0%,
    7.9% {
        width: 9px
    }

    11.5%,
    19.4% {
        width: 18px
    }

    23%,
    30.9% {
        width: 27px
    }

    34.5%,
    46% {
        width: 36px
    }

    46%,
    53.9% {
        width: 45px
    }

    57.5%,
    65.4% {
        width: 54px
    }

    69%,
    76.9% {
        width: 63px
    }

    80.5%,
    88.4% {
        width: 73px
    }

    92%,
    100% {
        width: 83px
    }
}

@-moz-keyframes flash-col5 {

    0%,
    7.9% {
        width: 9px
    }

    11.5%,
    19.4% {
        width: 18px
    }

    23%,
    30.9% {
        width: 27px
    }

    34.5%,
    46% {
        width: 36px
    }

    46%,
    53.9% {
        width: 45px
    }

    57.5%,
    65.4% {
        width: 54px
    }

    69%,
    76.9% {
        width: 63px
    }

    80.5%,
    88.4% {
        width: 73px
    }

    92%,
    100% {
        width: 83px
    }
}

@-webkit-keyframes flash-col5 {

    0%,
    7.9% {
        width: 9px
    }

    11.5%,
    19.4% {
        width: 18px
    }

    23%,
    30.9% {
        width: 27px
    }

    34.5%,
    46% {
        width: 36px
    }

    46%,
    53.9% {
        width: 45px
    }

    57.5%,
    65.4% {
        width: 54px
    }

    69%,
    76.9% {
        width: 63px
    }

    80.5%,
    88.4% {
        width: 73px
    }

    92%,
    100% {
        width: 83px
    }
}

.order-detail-process-record,
.order-detail-logistics-record,
.recycle-detail-process-record {
    width: 100%;
    overflow: hidden
}

.order-detail-process-record table,
.order-detail-logistics-record table,
.recycle-detail-process-record table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.order-detail-process-record table a,
.order-detail-logistics-record table a,
.recycle-detail-process-record table a {
    color: #36c
}

.order-detail-process-record table a:hover,
.order-detail-logistics-record table a:hover,
.recycle-detail-process-record table a:hover {
    text-decoration: none;
    color: #ca151e
}

.order-detail-process-record table thead th,
.order-detail-logistics-record table thead th,
.recycle-detail-process-record table thead th {
    font-size: 14px;
    color: #888;
    height: 14px;
    line-height: 14px;
    *line-height: 1.2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: center
}

.order-detail-process-record table tbody td,
.order-detail-logistics-record table tbody td,
.recycle-detail-process-record table tbody td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    text-align: center;
    padding: 16px 0
}

.order-detail-process-record table tbody td.col-operate .p-button,
.order-detail-logistics-record table tbody td.col-operate .p-button,
.recycle-detail-process-record table tbody td.col-operate .p-button {
    padding: 5px 0
}

.order-detail-process-record table tbody td.col-operate .p-link,
.order-detail-logistics-record table tbody td.col-operate .p-link,
.recycle-detail-process-record table tbody td.col-operate .p-link {
    padding: 4px 0
}

.order-detail-process-record .list-group-header,
.order-detail-logistics-record .list-group-header,
.recycle-detail-process-record .list-group-header {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 20px
}

.order-detail-process-record .list-group-header:before,
.order-detail-logistics-record .list-group-header:before,
.recycle-detail-process-record .list-group-header:before,
.order-detail-process-record .list-group-header:after,
.order-detail-logistics-record .list-group-header:after,
.recycle-detail-process-record .list-group-header:after {
    content: "";
    display: table
}

.order-detail-process-record .list-group-header:after,
.order-detail-logistics-record .list-group-header:after,
.recycle-detail-process-record .list-group-header:after {
    clear: both
}

.order-detail-process-record .list-group-header h3,
.order-detail-logistics-record .list-group-header h3,
.recycle-detail-process-record .list-group-header h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.order-detail-process-record .list-group-header h3 span,
.order-detail-logistics-record .list-group-header h3 span,
.recycle-detail-process-record .list-group-header h3 span {
    font-size: 14px;
    color: #888
}

.order-detail-process-record .list-group-header h3 span em,
.order-detail-logistics-record .list-group-header h3 span em,
.recycle-detail-process-record .list-group-header h3 span em {
    color: #333
}

.order-detail-process-record .list-group-header .ec-tab a,
.order-detail-logistics-record .list-group-header .ec-tab a,
.recycle-detail-process-record .list-group-header .ec-tab a {
    padding-bottom: 13px
}

.order-detail-process-record .list-group-caption,
.order-detail-logistics-record .list-group-caption,
.recycle-detail-process-record .list-group-caption {
    *zoom: 1;
    padding-bottom: 10px;
    border-bottom: 1px solid #DEDEDE
}

.order-detail-process-record .list-group-caption:before,
.order-detail-logistics-record .list-group-caption:before,
.recycle-detail-process-record .list-group-caption:before,
.order-detail-process-record .list-group-caption:after,
.order-detail-logistics-record .list-group-caption:after,
.recycle-detail-process-record .list-group-caption:after {
    content: "";
    display: table
}

.order-detail-process-record .list-group-caption:after,
.order-detail-logistics-record .list-group-caption:after,
.recycle-detail-process-record .list-group-caption:after {
    clear: both
}

.order-detail-process-record .list-group-caption h3,
.order-detail-logistics-record .list-group-caption h3,
.recycle-detail-process-record .list-group-caption h3 {
    font-size: 16px
}

.order-detail-process-record .list-group-caption h3 span,
.order-detail-logistics-record .list-group-caption h3 span,
.recycle-detail-process-record .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.order-detail-process-record .list-group-caption h3 span em,
.order-detail-logistics-record .list-group-caption h3 span em,
.recycle-detail-process-record .list-group-caption h3 span em {
    color: #333
}

.order-detail-process-record .list-group-title,
.order-detail-logistics-record .list-group-title,
.recycle-detail-process-record .list-group-title {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA
}

.order-detail-process-record .list-group-item,
.order-detail-logistics-record .list-group-item,
.recycle-detail-process-record .list-group-item {
    margin: 0 -1px;
    border-bottom: 1px solid #f2f2f2
}

.order-detail-process-record .list-group-empty,
.order-detail-logistics-record .list-group-empty,
.recycle-detail-process-record .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.order-detail-process-record .list-group-page,
.order-detail-logistics-record .list-group-page,
.recycle-detail-process-record .list-group-page {
    padding-top: 20px;
    text-align: right
}

.order-detail-process-record .latest .col-date s,
.order-detail-logistics-record .latest .col-date s,
.recycle-detail-process-record .latest .col-date s {
    background: #ca151e
}

.order-detail-process-record .list-group-item.end .col-state:before,
.order-detail-logistics-record .list-group-item.end .col-state:before,
.recycle-detail-process-record .list-group-item.end .col-state:before {
    display: none
}

.order-detail-process-record .list-group-item.first .col-state:before,
.order-detail-logistics-record .list-group-item.first .col-state:before,
.recycle-detail-process-record .list-group-item.first .col-state:before {
    display: none
}

.order-detail-process-record table,
.order-detail-logistics-record table,
.recycle-detail-process-record table {
    table-layout: fixed
}

.order-detail-process-record table .col-date,
.order-detail-logistics-record table .col-date,
.recycle-detail-process-record table .col-date {
    width: 169px
}

.order-detail-process-record table .col-info,
.order-detail-logistics-record table .col-info,
.recycle-detail-process-record table .col-info {
    padding-left: 25px;
    padding-right: 35px
}

.order-detail-process-record table .col-operator,
.order-detail-logistics-record table .col-operator,
.recycle-detail-process-record table .col-operator {
    width: 178px
}

.order-detail-process-record table.list-logistics tbody tr td,
.order-detail-logistics-record table.list-logistics tbody tr td,
.recycle-detail-process-record table.list-logistics tbody tr td {
    color: #afafaf;
    text-indent: 20px
}

.order-detail-process-record table tbody tr td,
.order-detail-logistics-record table tbody tr td,
.recycle-detail-process-record table tbody tr td {
    position: relative;
    vertical-align: top
}

.order-detail-process-record table tbody tr td.col-state:before,
.order-detail-logistics-record table tbody tr td.col-state:before,
.recycle-detail-process-record table tbody tr td.col-state:before,
.order-detail-process-record table tbody tr td.col-state:after,
.order-detail-logistics-record table tbody tr td.col-state:after,
.recycle-detail-process-record table tbody tr td.col-state:after {
    content: '';
    position: absolute;
    background: #cbcbcb;
    width: 2px;
    height: 100%
}

.order-detail-process-record table tbody tr td.col-state:before,
.order-detail-logistics-record table tbody tr td.col-state:before,
.recycle-detail-process-record table tbody tr td.col-state:before {
    top: 20px;
    left: 5px
}

.order-detail-process-record table tbody tr td.col-state:after,
.order-detail-logistics-record table tbody tr td.col-state:after,
.recycle-detail-process-record table tbody tr td.col-state:after {
    height: 70%;
    top: 30px;
    left: 5px;
    display: none
}

.order-detail-process-record table tbody tr td.no-line:before,
.order-detail-logistics-record table tbody tr td.no-line:before,
.recycle-detail-process-record table tbody tr td.no-line:before {
    display: none
}

.order-detail-process-record table tbody tr td .icon-arrow-up,
.order-detail-logistics-record table tbody tr td .icon-arrow-up,
.recycle-detail-process-record table tbody tr td .icon-arrow-up,
.order-detail-process-record table tbody tr td .icon-arrow-down,
.order-detail-logistics-record table tbody tr td .icon-arrow-down,
.recycle-detail-process-record table tbody tr td .icon-arrow-down {
    position: absolute;
    padding: 2px;
    top: 20px;
    right: 16px;
    cursor: pointer;
    background: transparent url(../../images/echannel/icon/icon31.png) scroll no-repeat
}

.order-detail-process-record table tbody tr td .icon-arrow-up,
.order-detail-logistics-record table tbody tr td .icon-arrow-up,
.recycle-detail-process-record table tbody tr td .icon-arrow-up {
    background-position: -3px -46px
}

.order-detail-process-record table tbody tr td .icon-arrow-down,
.order-detail-logistics-record table tbody tr td .icon-arrow-down,
.recycle-detail-process-record table tbody tr td .icon-arrow-down {
    background-position: -3px -71px
}

.order-detail-process-record table tbody tr td s,
.order-detail-logistics-record table tbody tr td s,
.recycle-detail-process-record table tbody tr td s {
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background: #cbcbcb;
    top: 18px;
    left: 0
}

.order-detail-process-record table tbody tr td.col-info,
.order-detail-logistics-record table tbody tr td.col-info,
.recycle-detail-process-record table tbody tr td.col-info {
    word-break: break-all;
    word-wrap: break-word;
    text-align: left
}

.order-detail-process-record table tbody tr td.col-info a,
.order-detail-logistics-record table tbody tr td.col-info a,
.recycle-detail-process-record table tbody tr td.col-info a {
    text-decoration: underline
}

.order-detail-process-record table tbody tr td.col-info a:hover,
.order-detail-logistics-record table tbody tr td.col-info a:hover,
.recycle-detail-process-record table tbody tr td.col-info a:hover {
    color: #36c !important
}

.order-detail-process-record .latest .col-date,
.order-detail-logistics-record .latest .col-date,
.recycle-detail-process-record .latest .col-date,
.order-detail-process-record .latest .col-info,
.order-detail-logistics-record .latest .col-info,
.recycle-detail-process-record .latest .col-info {
    color: #ca151e
}

.order-detail-process-record .list-group-tab {
    border-bottom: 1px solid #DEDEDE;
    height: 29px;
    position: relative
}

.order-detail-process-record .list-group-tab p {
    position: absolute;
    top: 0;
    left: 0
}

.order-detail-process-record .list-group-tab p a {
    float: left;
    font-size: 16px;
    height: 30px;
    margin-right: 42px;
    padding: 0 4px;
    color: #333;
    text-align: center;
    position: relative;
    cursor: pointer
}

.order-detail-process-record .list-group-tab p a:after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    background: #DEDEDE;
    position: absolute;
    left: 0;
    bottom: 0
}

.order-detail-process-record .list-group-tab p a.selected {
    color: #ca141d;
    cursor: default
}

.order-detail-process-record .list-group-tab p a.selected:after {
    background: #ca141d
}

.order-detail-process-record .list-group-tab p a.only {
    cursor: default;
    color: #333
}

.order-detail-process-record .list-group-tab p a.only:after {
    display: none
}

.order-detail-process-record .order-detail-split {
    width: 880px;
    overflow: hidden;
    margin: 0 auto
}

.order-detail-process-record .list-group.new tr {
    color: rgba(0, 0, 0, 0.6)
}

.order-detail-process-record .list-group.new tr .title {
    color: #000;
    margin-bottom: 4px
}

.order-detail-process-record .list-group.new td {
    padding: 12px 0
}

.order-detail-process-record .list-group.new td s {
    top: 15px
}

.order-detail-process-record .list-group.new .latest .col-info {
    color: rgba(0, 0, 0, 0.6)
}

.order-detail-process-record .list-group.new .latest .title {
    color: #ca151e
}

.order-detail-process-record .list-group.new .col-info {
    padding-left: 25px;
    padding-right: 35px
}

.order-detail-process-record .list-group.new .img {
    *zoom: 1;
    margin-top: 4px
}

.order-detail-process-record .list-group.new .img:before,
.order-detail-process-record .list-group.new .img:after {
    content: "";
    display: table
}

.order-detail-process-record .list-group.new .img:after {
    clear: both
}

.order-detail-process-record .list-group.new .img img {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 10px
}

.split-p-record .o-pro-num {
    font-size: 14px;
    padding: 20px 0 10px 3px
}

.split-p-record .o-pro-num h3 {
    float: left;
    color: #333
}

.split-p-record .list-group-title table .col-score {
    width: 104px
}

.split-p-record .list-group-title table .col-price {
    width: 95px
}

.split-p-record .list-group-title table .col-quty {
    width: 75px
}

.split-p-record .list-group-title table .col-condition {
    width: 110px
}

.split-p-record .o-pro-list {
    border-bottom: 1px solid #F2F2F2
}

.split-p-record .o-pro-list .o-pro-main {
    width: auto
}

.split-p-record .o-pro-list .o-pro-main .p-info {
    width: 597px
}

.split-p-record .o-pro-list .o-pro-main .p-gift {
    width: 487px
}

.split-p-record .o-pro-list .o-pro-main .p-name {
    width: 474px
}

.split-p-record .o-pro-list .o-pro-condition {
    width: 110px
}

.split-logistics-record .list-group-caption {
    padding-top: 20px;
    padding-left: 3px;
    border-color: #EAEAEA
}

.split-logistics-record .list-group-caption h3 {
    font-size: 14px
}

.logistics-title p {
    background: #FAFAFA;
    line-height: 40px;
    font-size: 14px;
    color: #888
}

.logistics-title .col-date {
    float: left;
    width: 170px;
    position: relative;
    text-align: center
}

.logistics-title .col-date:after {
    content: "";
    width: 1px;
    height: 14px;
    background: #DEDEDE;
    position: absolute;
    top: 13px;
    right: 0
}

.logistics-title .col-info {
    float: left;
    width: 710px;
    text-align: center
}

.logistics-list li {
    position: relative;
    font-size: 0
}

.logistics-list li:first-child {
    color: #ca141d
}

.logistics-list li:first-child:before {
    background: #ca141d
}

.logistics-list li:last-child:after {
    display: none
}

.logistics-list li:before {
    content: "";
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background: #cbcbcb;
    top: 19px;
    z-index: 1
}

.logistics-list li:after {
    content: "";
    position: absolute;
    background: #cbcbcb;
    width: 2px;
    height: 100%;
    left: 5px;
    top: 20px
}

.logistics-list li span,
.logistics-list li a {
    font-size: 14px
}

.logistics-list .col-date {
    display: table-cell;
    padding: 16px 0;
    width: 145px;
    padding-left: 25px
}

.logistics-list .col-info {
    display: table-cell;
    padding: 16px 35px 16px 25px;
    width: 650px
}

.logistics-list .col-info a {
    color: #36c;
    text-decoration: underline;
    margin-left: 6px
}

.logistics-list-main.assets-internal .logistics-list-detail:last-child li:last-child:after {
    display: none
}

.logistics-list-main {
    margin-top: 19px;
    margin-bottom: 10px;
    position: relative;
    color: #9A9A9A;
    font-size: 14px
}

.logistics-list-main .logistics-list-detail {
    position: relative
}

.logistics-list-main .logistics-list-detail:only-child li:only-child:after {
    display: none
}

.logistics-list-main .logistics-list-detail:first-child li:first-child {
    color: #191919
}

.logistics-list-main .logistics-list-detail:first-child .status {
    color: #191919
}

.logistics-list-main .logistics-list-detail:first-child .status.icon-dispatch:before {
    background-position: -145px -33px
}

.logistics-list-main .logistics-list-detail:first-child .status.icon-transport:before {
    background-position: -228px -33px
}

.logistics-list-main .logistics-list-detail:first-child .status.icon-storehouse:before {
    background-position: -309px -33px
}

.logistics-list-main .logistics-list-detail:last-child li:last-child {
    padding-bottom: 0
}

.logistics-list-main .logistics-list-detail .status {
    position: relative;
    left: 238px;
    width: 640px;
    margin-bottom: 6px;
    font-size: 16px
}

.logistics-list-main .logistics-list-detail .status:before {
    content: "";
    width: 25px;
    height: 24px;
    border-radius: 0;
    position: absolute;
    left: -45px;
    top: -3px;
    z-index: 1;
    background: url("../../images/echannel/icon/icon-logistics.svg") no-repeat
}

.logistics-list-main .logistics-list-detail .status.icon-complete:before {
    background-position: -27px -32px
}

.logistics-list-main .logistics-list-detail .status.icon-dispatch:before {
    background-position: -107px -33px
}

.logistics-list-main .logistics-list-detail .status.icon-transport:before {
    background-position: -191px -33px
}

.logistics-list-main .logistics-list-detail .status.icon-storehouse:before {
    background-position: -267px -33px
}

.logistics-list-main li {
    position: relative;
    font-size: 0;
    padding-bottom: 32px
}

.logistics-list-main li:first-child {
    color: #9A9A9A
}

.logistics-list-main li:first-child:before {
    display: none
}

.logistics-list-main li:first-child .col-date {
    position: relative;
    top: -24px
}

.logistics-list-main li:last-child:after {
    display: block
}

.logistics-list-main li:before {
    content: "";
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: #cbcbcb;
    border: 2px solid #fff;
    top: 3px;
    left: 200px;
    z-index: 1
}

.logistics-list-main li:after {
    left: 205px;
    top: -2px
}

.logistics-list-main li span,
.logistics-list-main li a {
    font-size: 14px
}

.logistics-list-main .col-date {
    display: table-cell;
    width: 182px;
    font-weight: bold;
    padding: 0
}

.logistics-list-main .col-info {
    display: table-cell;
    padding: 0 0 0 56px;
    width: 640px
}

.logistics-list-main .col-info a {
    color: #36c;
    text-decoration: underline;
    margin-left: 6px
}

.logistics-list-main .col-info .status {
    font-size: 16px;
    display: block;
    padding-bottom: 6px
}

.logistics-list-main .col-info .detail {
    display: block
}

.recycle-detail-process-record .list-group {
    border-bottom: 1px solid #f2f2f2
}

.recycle-detail-process-record .list-group table .col-date {
    width: 142px;
    text-align: left
}

.recycle-detail-process-record .list-group-item {
    position: relative;
    width: 912px;
    margin-left: 28px
}

.recycle-detail-process-record .list-group-item:before {
    content: "";
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background: #cbcbcb;
    top: 20px;
    left: -18px;
    z-index: 2
}

.recycle-detail-process-record .list-group-item:after {
    content: "";
    position: absolute;
    background: #cbcbcb;
    width: 2px;
    height: 100%;
    top: 22px;
    left: -15px
}

.recycle-detail-process-record .list-group-item:last-child {
    border-bottom: 0
}

.recycle-detail-process-record .list-group-item:last-child:after {
    display: none
}

.recycle-detail-process-record .list-group-item.latest:before {
    background: #ca141d
}

.recycle-detail-process-record .list-group-item.latest .col-date,
.recycle-detail-process-record .list-group-item.latest .col-info {
    color: #3a3a3a
}

.recycle-detail-process-record .list-group-item .col-info.center {
    text-align: center
}

.recycle-detail-process-record .list-group-item .col-info .color1 {
    color: rgba(0, 0, 0, 0.6)
}

.recycle-detail-process-record .list-group-item .col-info .color2 {
    color: #A9A9A9
}

.recycle-detail-process-record .list-group-item .col-info .color3 {
    color: #D23E44
}

.recycle-detail-process-record .list-group-item .col-info .color4 {
    color: #333
}

.order-detail-net .h {
    border-bottom: 1px solid #DEDEDE
}

.order-detail-net .h h3 {
    padding-left: 2px;
    font-size: 16px;
    padding-bottom: 10px
}

.order-detail-net .b {
    padding-top: 10px;
    border-bottom: 1px solid #DEDEDE
}

.order-detail-net .b th {
    width: 100px
}

.order-redemptionCode {
    position: relative
}

.order-redemptionCode .h {
    border-bottom: 1px solid #DEDEDE
}

.order-redemptionCode .h h3 {
    font-size: 16px;
    padding-bottom: 10px;
    font-family: HYQiHei-EES
}

.order-redemptionCode .content {
    margin-top: 20px
}

.order-redemptionCode .redemption-info {
    width: auto;
    height: 40px
}

.order-redemptionCode .redemption-info .redemption-input {
    width: 200px;
    height: 30px;
    font-size: 12px;
    font-family: HYQiHei;
    border-style: none;
    display: inline-block;
    vertical-align: top;
    background-color: #FFFAFAFA;
    text-indent: 9px
}

.order-redemptionCode .redemption-info .redemption-code-eye {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    margin-left: 10px
}

.order-redemptionCode .redemption-code-eyeoff {
    background-image: url(../../images/echannel/icon/ic_public_password_unvisible.svg);
    background-size: cover
}

.order-redemptionCode .redemption-code-eyeon {
    background-image: url(../../images/echannel/icon/ic_public_password_visible.svg);
    background-size: cover
}

.order-detail-receive {
    position: relative
}

.order-detail-receive .h {
    border-bottom: 1px solid #DEDEDE
}

.order-detail-receive .h h3 {
    padding-left: 2px;
    font-size: 16px;
    padding-bottom: 10px
}

.order-detail-receive .b {
    width: 939px;
    overflow: hidden;
    position: relative;
    margin-top: 13px;
    padding-bottom: 103px
}

.order-detail-receive .b .receive-back {
    width: 21px;
    height: 40px;
    background: #f5f5f5;
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 10
}

.order-detail-receive .b .receive-back:before {
    content: "";
    width: 7px;
    height: 12px;
    display: block;
    margin: 14px 0 0 7px;
    background: url("../../images/echannel/icon/icon50.png") no-repeat -1px -264px
}

.order-detail-receive .b .receive-forward {
    width: 21px;
    height: 40px;
    background: #f5f5f5;
    position: absolute;
    top: 70px;
    right: 0;
    z-index: 10
}

.order-detail-receive .b .receive-forward:before {
    content: "";
    width: 7px;
    height: 12px;
    display: block;
    margin: 14px 0 0 7px;
    background: url("../../images/echannel/icon/icon50.png") no-repeat -12px -264px
}

.order-detail-receive .b:after {
    content: "";
    width: 5px;
    height: 150px;
    background: #fff;
    position: absolute;
    z-index: 6;
    top: 10px;
    right: 0
}

.order-detail-receive .b .form-info-panels {
    width: 10000px;
    padding: 0
}

.order-detail-receive .b .receive-detail {
    float: left;
    position: relative;
    width: 313px;
    min-height: 140px
}

.order-detail-receive .b .receive-detail:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 140px;
    background: #f2f2f2
}

.order-detail-receive .b table {
    width: 253px;
    margin: 0 auto
}

.order-detail-receive .b table th {
    color: #BBB
}

.order-detail-receive .b table thead {
    font-size: 14px
}

.order-detail-receive .b table thead th {
    color: #333;
    text-align: left;
    padding-right: 0;
    padding-bottom: 6px
}

.order-detail-receive .b table tbody {
    font-size: 12px
}

.order-detail-receive .b table tbody th {
    text-align: left;
    padding-left: 0;
    padding-right: 0
}

.order-detail-receive .b table tbody th span {
    color: #333;
    display: inline-block;
    vertical-align: top;
    position: relative;
    word-break: break-all;
    word-wrap: break-word
}

.order-detail-receive .b table tbody th span em {
    color: #007DFF
}

.order-detail-receive .b table tbody th .tips-common {
    position: relative;
    top: 2px
}

.order-detail-receive .b table tbody th .tips-common b {
    width: 350px
}

.order-detail-receive .b table.second {
    border-right: 1px solid #F2F2F2;
    border-left: 1px solid #F2F2F2
}

.order-detail-receive .b table.last {
    border-right: 1px solid transparent
}

.order-detail-receive .b table.last tbody th {
    text-align: left;
    padding: 0 0 0 20px
}

.order-detail-receive .b .change-link {
    color: #007DFF;
    text-decoration: underline;
    margin-left: 10px
}

.order-detail-receive .b .process-link {
    text-decoration: underline;
    position: absolute;
    right: 30px
}

.order-detail-receive .b .receive-link {
    display: inline-block;
    font-weight: normal
}

.order-detail-receive .b .receive-link a {
    text-decoration: underline
}

.order-detail-receive .b .receive-link .tips-common::before {
    background: url(../../images/echannel/icon/icon-tips02.png) no-repeat
}

.order-detail-receive .process-logistics-record {
    position: absolute;
    z-index: 20;
    margin-left: -474px;
    margin-top: 64px
}

.order-detail-receive .process-logistics-record .process-logistics-arrow {
    position: absolute;
    display: block;
    right: 270px;
    top: 4px
}

.order-detail-receive .process-logistics-record .process-logistics-arrow:before {
    content: "";
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: 1px;
    z-index: 3
}

.order-detail-receive .process-logistics-record .process-logistics-arrow:after {
    content: "";
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #cecece;
    position: absolute;
    top: 0;
    z-index: 2
}

.order-detail-receive .process-logistics-record .process-logistics-main {
    width: 730px;
    border: 1px solid #cecece;
    background: #fff;
    padding: 24px;
    position: relative;
    top: 14px
}

.order-detail-receive .process-logistics-record .process-logistics-main .order-detail-process-record {
    border-top: 1px solid #eaeaea
}

.order-detail-receive .process-logistics-record .process-logistics-main .order-detail-process-record .list-group {
    max-height: 308px;
    overflow-x: hidden !important;
    overflow-y: auto
}

.order-detail-receive .btn-logistics-record {
    color: #3a3a3a !important;
    margin-left: 60px;
    cursor: pointer;
    display: block !important;
    margin-top: 6px
}

.order-detail-receive .btn-logistics-record:before {
    display: inline-block;
    content: "\e636";
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    color: #3a3a3a;
    font-size: 15px;
    line-height: 18px;
    margin-right: 5px;
    position: relative;
    top: 2px
}

.order-detail-receive .btn-logistics-record:hover {
    color: #ca141d !important
}

.order-detail-receive .btn-logistics-record:hover:before {
    color: #ca141d
}

.order-detail-receive .btn-logistics-record.disabled {
    color: #a4a4a4 !important;
    cursor: default
}

.order-detail-receive .btn-logistics-record.disabled:hover:before {
    color: #3a3a3a
}

.order-detail-receive .order-logistics {
    float: right;
    position: relative
}

.order-detail-receive .order-logistics .btn-order-logistics {
    color: #ca141d;
    background: transparent url(../../images/echannel/icon/icon-tips02.png) no-repeat 60px 4px;
    padding-right: 20px;
    cursor: pointer
}

.order-detail-receive .order-logistics .order-logistics-record {
    background: #fff;
    border: 1px solid #d6d6d6;
    box-shadow: 0 2px 5px rgba(100, 100, 100, 0.2);
    font-size: 12px;
    line-height: 1.4;
    font-weight: normal;
    width: 324px;
    padding: 10px;
    color: #3A3A3A;
    position: absolute;
    left: 88px;
    top: -37px;
    z-index: 10;
    display: none
}

.order-detail-receive .order-logistics .order-logistics-record:before {
    background: url("../../images/echannel/icon/icon-tips07.png") no-repeat;
    background-position: -2px -32px;
    top: 36px;
    content: "";
    display: block;
    height: 21px;
    left: -10px;
    position: absolute;
    width: 10px
}

.order-detail-receive .order-logistics .order-logistics-record h2 {
    font-weight: bold;
    padding-bottom: 9px;
    text-indent: 10px;
    border-bottom: 1px solid #eaeaea
}

.order-detail-receive .order-logistics .order-logistics-record .order-logistics-list {
    position: relative;
    min-height: 166px
}

.order-detail-receive .order-logistics .order-logistics-record .order-logistics-list ul {
    border-left: 1px solid #ccc;
    padding-left: 17px;
    padding-top: 15px;
    margin-left: 20px
}

.order-detail-receive .order-logistics .order-logistics-record .order-logistics-list ul li {
    padding-bottom: 10px
}

.order-detail-receive .order-logistics .order-logistics-record .order-logistics-list ul li:first-child {
    color: #ca141d
}

.order-detail-receive .order-logistics .order-logistics-record .order-logistics-list ul dd {
    padding: 2px 0
}

.order-detail-receive .order-logistics .order-logistics-record .order-logistics-list:before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 7px;
    position: absolute;
    top: 22px;
    left: 17px;
    background: #ca141d
}

.order-detail-receive .order-logistics:hover .order-logistics-record {
    display: block
}

.order-detail-receive .pickup-time em {
    display: inline-block;
    color: #A4A4A4 !important;
    line-height: 18px
}

.order-detail-receive .express-time strong {
    font-weight: normal
}

.order-detail-receive .express-time .tips-common {
    width: 14px;
    height: 14px;
    left: 4px
}

.order-detail-receive .express-time .tips-common:before {
    content: "";
    width: 14px;
    height: 14px;
    display: block;
    cursor: pointer;
    background: url("../../images/echannel/icon/icon-tips.svg") no-repeat
}

.order-detail-huabi .h {
    position: relative
}

.order-detail-huabi .h h3 {
    padding-left: 2px;
    font-size: 16px;
    padding-bottom: 12px
}

.order-detail-huabi .h .button-1 {
    position: absolute;
    top: -10px;
    right: 20px
}

.order-detail-huabi .b .pro-table {
    border-spacing: 0;
    border: 1px solid #DEDEDE
}

.order-detail-huabi .b .pro-table td {
    padding: 8px 10px;
    height: 30px
}

.order-detail-huabi .b .btn-huabi {
    margin: 57px 0
}

.order-detail-huabi .b .huabi-errors {
    font-size: 14px;
    margin: 62px 0 61px;
    display: block;
    color: #ca141d
}

.order-detail-huabi .b .huabi-errors a {
    font-size: 14px;
    color: #3a3a3a;
    text-decoration: underline
}

.order-detail-huabi .list-group-page {
    text-align: right;
    margin-top: 20px
}

.order-detail-notice {
    margin-bottom: 51px
}

.order-detail-notice h3 {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px
}

.order-detail-notice h3:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 8px;
    background: url("../../images/echannel/icon/icon-notice.png") no-repeat;
    background-size: 100%;
    position: relative;
    top: 5px
}

.order-detail-notice .con span {
    float: left;
    color: #666;
    font-size: 14px
}

.order-detail-notice .con a {
    float: right;
    color: #666
}

.order-detail-notice .con a:after {
    display: inline-block;
    content: "\E60A";
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    color: #ccc;
    font-size: 22px;
    line-height: 14px;
    position: relative;
    top: 4px;
    margin-left: 3px
}

.order-detail-pro .order-pro-record {
    width: 100%
}

.order-detail-pro .order-pro-record table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.order-detail-pro .order-pro-record table a:hover {
    text-decoration: none;
    color: #ca151e
}

.order-detail-pro .order-pro-record .list-group-caption {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE
}

.order-detail-pro .order-pro-record .list-group-caption:before,
.order-detail-pro .order-pro-record .list-group-caption:after {
    content: "";
    display: table
}

.order-detail-pro .order-pro-record .list-group-caption:after {
    clear: both
}

.order-detail-pro .order-pro-record .list-group-caption h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.order-detail-pro .order-pro-record .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.order-detail-pro .order-pro-record .list-group-caption h3 span em {
    color: #333
}

.order-detail-pro .order-pro-record .list-group-caption h3 i {
    background: url("../../images/echannel/icon/icon40.png") scroll no-repeat;
    background-position: -1px -207px
}

.order-detail-pro .order-pro-record .list-group-caption h3 i:hover+.tips-area {
    display: block
}

.order-detail-pro .order-pro-record .list-group-caption h3 .tips-text {
    width: 276px;
    margin-right: -140px
}

.order-detail-pro .order-pro-record .list-group-title {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA
}

.order-detail-pro .order-pro-record .list-group-title thead th {
    font-size: 14px;
    color: #888;
    height: 14px;
    line-height: 14px;
    *line-height: 1.2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: center
}

.order-detail-pro .order-pro-record .list-group-item {
    margin: 0 -1px
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td {
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 10px 0
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-img {
    position: relative;
    width: 120px;
    border-right: 1px solid #FFF
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-img .p-img img {
    display: inline-block;
    width: 100px;
    height: 100px
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-img .p-tag {
    position: absolute;
    left: 0;
    top: 0
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info {
    text-align: left
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis:before,
.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis:after {
    display: none !important
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name {
    line-height: 21px;
    padding: 0 10px;
    *zoom: 1
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name:before,
.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name:after {
    content: "";
    display: table
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name:after {
    clear: both
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name a {
    color: #333
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name a:hover {
    color: #ca151e
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    padding: 0 7px;
    position: relative;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    float: left;
    top: 3px
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes {
    margin: 6px 0 6px 10px;
    border-radius: 2px
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes:hover {
    color: #fff
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes.disbaled {
    color: #9c9c9c;
    background: #fff;
    border: 1px solid #d1d1d1;
    width: 118px;
    height: 28px;
    line-height: 28px;
    cursor: not-allowed
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes.disbaled:hover {
    color: #9c9c9c;
    background: #fff
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide {
    padding: 0 10px;
    position: relative
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses {
    font-family: HYQiHei-EES;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    font-weight: 300;
    margin-top: 6px;
    display: inline-block;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses .not_Normal {
    white-space: nowrap
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses .p-name-glasses-note {
    color: black
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_down {
    position: absolute;
    bottom: 5px
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_down::after {
    content: "";
    width: 12px;
    height: 10px;
    display: inline-block;
    margin-left: 4px;
    background: url(../../images/echannel/icon/icon50.png) no-repeat;
    background-position: -4px -5px
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_up {
    position: absolute;
    bottom: 5px
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_up::after {
    content: "";
    width: 12px;
    height: 10px;
    display: inline-block;
    margin-left: 4px;
    background: url(../../images/echannel/icon/icon50.png) no-repeat;
    background-position: -4px -24px
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-state,
.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-quty,
.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-price,
.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pay {
    color: #AAA
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-state em,
.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-quty em,
.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-price em,
.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pay em {
    margin-right: 3px
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-operate {
    border-right: #FFF
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-operate .p-button {
    padding: 5px 0
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-operate .p-link {
    padding: 4px 0
}

.order-detail-pro .order-pro-record .list-group-item .o-pro .o-gift td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 14px 0
}

.order-detail-pro .order-pro-record .list-group-item .o-pro .o-gift td.col-gift {
    text-align: left;
    position: relative
}

.order-detail-pro .order-pro-record .list-group-item .o-pro .o-gift td.col-gift .d-name {
    line-height: 21px;
    padding-left: 131px
}

.order-detail-pro .order-pro-record .list-group-item .o-pro .o-gift td.col-gift .d-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    padding: 0 7px;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    float: left;
    position: relative;
    top: 3px
}

.order-detail-pro .order-pro-record .list-group-item .o-pro .o-gift td.col-gift .p-tag {
    position: absolute;
    top: 0;
    left: 0
}

.order-detail-pro .order-pro-record .list-group-item .o-deposit tbody tr.disabled {
    color: #AAA !important
}

.order-detail-pro .order-pro-record .list-group-item .o-deposit tbody tr td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 16.5px 0
}

.order-detail-pro .order-pro-record .list-group-item .o-deposit tbody tr td.col-deposit {
    text-align: left
}

.order-detail-pro .order-pro-record .list-group-item .o-deposit tbody tr td.col-deposit .d-name {
    line-height: 21px
}

.order-detail-pro .order-pro-record .list-group-item .o-deposit tbody tr td.col-price em,
.order-detail-pro .order-pro-record .list-group-item .o-deposit tbody tr td.col-pay em {
    margin-right: 3px
}

.order-detail-pro .order-pro-record .list-group-item .o-deposit tbody tr td.col-operate {
    border-right: #FFF
}

.order-detail-pro .order-pro-record .list-group-item .o-deposit tbody tr td.col-operate .p-button {
    padding: 5px 0
}

.order-detail-pro .order-pro-record .list-group-item .o-deposit tbody tr td.col-operate .p-link {
    padding: 4px 0
}

.order-detail-pro .order-pro-record .list-group-item .o-gift tbody tr td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 14px 0
}

.order-detail-pro .order-pro-record .list-group-item .o-gift tbody tr td.col-gift {
    text-align: left;
    position: relative
}

.order-detail-pro .order-pro-record .list-group-item .o-gift tbody tr td.col-gift .d-name {
    line-height: 21px;
    padding-left: 130px
}

.order-detail-pro .order-pro-record .list-group-item .o-gift tbody tr td.col-gift .d-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    display: inline-block;
    padding: 0 7px;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    position: relative;
    top: -1px
}

.order-detail-pro .order-pro-record .list-group-item .o-gift tbody tr td.col-gift .p-tag {
    position: absolute;
    top: 0;
    left: 0
}

.order-detail-pro .order-pro-record .list-group-item .o-gift tbody tr td.col-operate {
    border-right: #FFF
}

.order-detail-pro .order-pro-record .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.order-detail-pro .order-pro-record .list-group-empty a {
    color: #36c
}

.order-detail-pro .order-pro-record .list-group-empty a:hover {
    text-decoration: none;
    color: #ca151e
}

.order-detail-pro .order-pro-record .list-group-page {
    padding-top: 20px;
    text-align: right
}

.order-detail-pro .order-pro-record table .col-int {
    width: 90px
}

.order-detail-pro .order-pro-record table .col-price {
    width: 116px
}

.order-detail-pro .order-pro-record table .col-quty {
    width: 89px
}

.order-detail-pro .order-pro-record table .col-pay {
    width: 126px
}

.order-detail-pro .order-pro-record table .col-dely {
    width: 150px
}

.order-detail-pro .order-pro-record table .col-state {
    width: 150px
}

.order-detail-pro .order-pro-record table thead th.first {
    border-left: 1px solid #FAFAFA
}

.order-detail-pro .order-pro-record table thead th.end {
    border-right: 1px solid #FAFAFA
}

.order-detail-pro .order-pro-record table tbody td.col-pro,
.order-detail-pro .order-pro-record table tbody td.col-name {
    text-align: left
}

.order-detail-pro .order-pro-record table tbody td.col-pro a,
.order-detail-pro .order-pro-record table tbody td.col-name a {
    color: #333
}

.order-detail-pro .order-pro-record table tbody td.col-dely p {
    padding: 5px 0
}

.order-detail-pro .order-pro-record table tbody td.col-dely p .inputbox {
    cursor: pointer
}

.order-detail-pro .order-pro-record table tbody td.col-dely p .inputbox input {
    vertical-align: middle;
    margin-right: 10px
}

.order-detail-pro .order-pro-record table tbody td.col-dely p .inputbox span {
    vertical-align: middle;
    font-family: tahoma, "微软雅黑"
}

.order-detail-pro .order-pro-record table tbody td.col-dely p .inputbox em {
    margin-left: 10px;
    vertical-align: middle;
    font-family: tahoma, "微软雅黑"
}

.order-detail-pro .order-pro-record table tbody td.end {
    border-right: 1px solid #FFF !important
}

.order-detail-pro .order-gift-record {
    width: 100%;
    overflow: hidden;
    line-height: 21px
}

.order-detail-pro .order-gift-record table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.order-detail-pro .order-gift-record table a {
    color: #36c
}

.order-detail-pro .order-gift-record table a:hover {
    text-decoration: none;
    color: #ca151e
}

.order-detail-pro .order-gift-record table thead th {
    font-size: 14px;
    color: #888;
    height: 14px;
    line-height: 14px;
    *line-height: 1.2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: center
}

.order-detail-pro .order-gift-record table tbody td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    text-align: center;
    padding: 16px 0
}

.order-detail-pro .order-gift-record table tbody td.col-operate .p-button {
    padding: 5px 0
}

.order-detail-pro .order-gift-record table tbody td.col-operate .p-link {
    padding: 4px 0
}

.order-detail-pro .order-gift-record .list-group-header {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 20px
}

.order-detail-pro .order-gift-record .list-group-header:before,
.order-detail-pro .order-gift-record .list-group-header:after {
    content: "";
    display: table
}

.order-detail-pro .order-gift-record .list-group-header:after {
    clear: both
}

.order-detail-pro .order-gift-record .list-group-header h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.order-detail-pro .order-gift-record .list-group-header h3 span {
    font-size: 14px;
    color: #888
}

.order-detail-pro .order-gift-record .list-group-header h3 span em {
    color: #333
}

.order-detail-pro .order-gift-record .list-group-header .ec-tab a {
    padding-bottom: 13px
}

.order-detail-pro .order-gift-record .list-group-caption {
    *zoom: 1;
    padding-bottom: 10px;
    border-bottom: 1px solid #DEDEDE
}

.order-detail-pro .order-gift-record .list-group-caption:before,
.order-detail-pro .order-gift-record .list-group-caption:after {
    content: "";
    display: table
}

.order-detail-pro .order-gift-record .list-group-caption:after {
    clear: both
}

.order-detail-pro .order-gift-record .list-group-caption h3 {
    font-size: 16px
}

.order-detail-pro .order-gift-record .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.order-detail-pro .order-gift-record .list-group-caption h3 span em {
    color: #333
}

.order-detail-pro .order-gift-record .list-group-title {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA
}

.order-detail-pro .order-gift-record .list-group-item {
    margin: 0 -1px;
    border-bottom: 1px solid #f2f2f2
}

.order-detail-pro .order-gift-record .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.order-detail-pro .order-gift-record .list-group-page {
    padding-top: 20px;
    text-align: right
}

.order-detail-pro .order-gift-record .col-gift {
    padding-left: 55px;
    padding-right: 55px;
    position: relative;
    text-align: left
}

.order-detail-pro .order-gift-record .col-gift .g-name span {
    color: #888
}

.order-detail-pro .order-gift-record .col-gift .g-tag {
    position: absolute;
    left: 0;
    top: 0
}

.order-detail-pro .order-gift-record .col-quty {
    width: 332px
}

.order-detail-pro .order-pro-total {
    *zoom: 1
}

.order-detail-pro .order-pro-total:before,
.order-detail-pro .order-pro-total:after {
    content: "";
    display: table
}

.order-detail-pro .order-pro-total:after {
    clear: both
}

.order-detail-pro .order-pro-total .order-pro-cost {
    font-size: 14px;
    padding: 12px 20px 12px 0;
    width: 920px;
    float: right
}

.order-detail-pro .order-pro-total .order-pro-cost .lightcolor {
    opacity: .6
}

.order-detail-pro .order-pro-total .order-pro-cost table {
    width: 100%
}

.order-detail-pro .order-pro-total .order-pro-cost table .font-red {
    color: #CF0A2C
}

.order-detail-pro .order-pro-total .order-pro-cost table .font-gray {
    color: #BBB
}

.order-detail-pro .order-pro-total .order-pro-cost table th,
.order-detail-pro .order-pro-total .order-pro-cost table td {
    text-align: right;
    padding: 5.5px 0
}

.order-detail-pro .order-pro-total .order-pro-cost table td {
    width: 100px;
    padding-left: 16px
}

.order-detail-pro .order-pro-total .order-pro-cost table td em {
    margin-right: 4px
}

.order-detail-pro .order-pro-total .order-pro-cost .tooltips {
    display: inline-block;
    position: relative;
    z-index: 411;
    vertical-align: middle;
    top: -2px;
    *top: 0
}

.order-detail-pro .order-pro-total .order-pro-cost .tooltips i {
    vertical-align: middle
}

.order-detail-pro .order-pro-total .order-pro-cost .tooltips .tooltips-panels {
    -webkit-transition: bottom .3s ease;
    transition: bottom .3s ease;
    visibility: hidden;
    *display: none;
    width: 180px;
    left: 50%;
    margin-left: -103px;
    position: absolute;
    bottom: 21px;
    border: 1px solid #D2D2D2;
    background-color: #FFF;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    padding: 8px 13px
}

.order-detail-pro .order-pro-total .order-pro-cost .tooltips .tooltips-panels s {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    position: absolute;
    left: 50%;
    bottom: -7px;
    background-position: -134px -16px;
    width: 11px;
    height: 7px;
    margin-left: -7px;
    font-size: 0;
    line-height: 0
}

.order-detail-pro .order-pro-total .order-pro-cost .tooltips:hover .tooltips-panels,
.order-detail-pro .order-pro-total .order-pro-cost .tooltips.hover .tooltips-panels {
    bottom: 26px;
    visibility: visible;
    *display: block
}

.order-detail-pro .order-pro-total .order-pro-cost .tooltips i {
    background: url("../../images/echannel/icon/icon40.png") scroll no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: 0 -104px;
    height: 17px
}

.order-detail-pro .order-pro-total .order-pro-cost .tooltips i span {
    visibility: hidden
}

.order-detail-pro .order-pro-total .order-pro-cost .cost-label {
    width: 60px;
    height: 19.2px;
    line-height: 19.2px;
    text-align: center;
    background: #f2f2f2;
    border-radius: 10px;
    font-size: 12px;
    display: inline-block;
    transform: scale(0.83, 0.83);
    -ms-transform: scale(0.83, 0.83);
    -moz-transform: scale(0.83, 0.83);
    -webkit-transform: scale(0.83, 0.83);
    -o-transform: scale(0.83, 0.83);
    position: relative;
    top: -1px
}

.order-detail-pro .order-pro-total .order-pro-cost .cost-detail {
    float: right;
    background: #fbfbfb;
    width: 267px;
    border-radius: 4px;
    position: relative
}

.order-detail-pro .order-pro-total .order-pro-cost .cost-detail:before {
    content: "";
    position: absolute;
    top: -5px;
    right: 22px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #F9F9F9
}

.order-detail-pro .order-pro-total .order-pro-cost .cost-detail li {
    line-height: 40px;
    border-bottom: 1px solid #eaeaea;
    *zoom: 1
}

.order-detail-pro .order-pro-total .order-pro-cost .cost-detail li:before,
.order-detail-pro .order-pro-total .order-pro-cost .cost-detail li:after {
    content: "";
    display: table
}

.order-detail-pro .order-pro-total .order-pro-cost .cost-detail li:after {
    clear: both
}

.order-detail-pro .order-pro-total .order-pro-cost .cost-detail li label {
    float: left;
    margin-left: 10px
}

.order-detail-pro .order-pro-total .order-pro-cost .cost-detail li label .cost-label {
    width: 70px;
    margin-left: 2px
}

.order-detail-pro .order-pro-total .order-pro-cost .cost-detail li .cost-detail-price {
    float: right;
    width: 100px;
    padding-left: 16px;
    padding-right: 8px
}

.order-detail-pro .order-pro-total .order-pro-cost .cost-detail li:last-child {
    border-bottom: 0
}

.order-detail-pro .order-pro-total .order-pro-cost-part {
    border-top: 1px solid #f2f2f2;
    width: 280px;
    float: right;
    height: 12px
}

.order-detail-pro .order-pro-total .order-pro-cost-total {
    clear: both;
    font-size: 14px;
    text-align: right;
    padding: 12px 20px 12px 0;
    border-bottom: 1px solid #F2F2F2
}

.order-detail-pro .order-pro-total .order-pro-cost-total em,
.order-detail-pro .order-pro-total .order-pro-cost-total span {
    font-size: 30px;
    color: #ca151e
}

.order-detail-pro .order-pro-total .order-pro-cost-total em {
    margin: 0 12px 0 12px
}

.order-detail-pro .order-pro-total .order-pro-cost-total .tips {
    font-size: 16px;
    margin-top: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    overflow: hidden;
    max-height: 40px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.order-detail-pro .order-pro-total .order-pro-cost-tips {
    color: #A4A4A4;
    text-align: right;
    padding: 20px 20px 0 0;
    clear: both
}

.order-detail-pro .tips-common {
    position: relative;
    top: 2px
}

.order-detail-pro .tips-common b:before {
    left: 15px
}

.order-detail-pro .tips-common .tips-common-detail {
    left: -21px
}

.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-state,
.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-quty,
.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-price,
.order-detail-pro .order-pro-record .list-group-item .o-pro tbody td.col-pay {
    color: #3a3a3a
}

.order-detail-action {
    padding-top: 40px;
    text-align: right
}

.order-detail-action input,
.order-detail-action a {
    margin-left: 12px
}

.cancel-order-detail-state {
    width: 421px;
    margin: 0 auto;
    padding: 32px 0 0
}

.cancel-order-detail-state ol {
    *zoom: 1;
    margin-left: -389px;
    width: 810px
}

.cancel-order-detail-state ol:before,
.cancel-order-detail-state ol:after {
    content: "";
    display: table
}

.cancel-order-detail-state ol:after {
    clear: both
}

.cancel-order-detail-state ol li {
    float: left;
    position: relative;
    width: 405px;
    background-position: 0 40px
}

.cancel-order-detail-state ol li s {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    position: absolute;
    right: -6px;
    top: 32px;
    width: 16px;
    height: 16px;
    background-color: #FFF !important;
    padding: 0 6px;
    background-position: -20px -39px;
    z-index: 2
}

.cancel-order-detail-state ol li dl {
    float: right;
    width: 120px;
    font-size: 14px;
    text-align: center;
    margin-right: -52px;
    color: #CCC
}

.cancel-order-detail-state ol li dl dt {
    margin-bottom: 46px
}

.cancel-order-detail-state ol li dl dd {
    line-height: 18px
}

.cancel-order-detail-state ol li.completed,
.cancel-order-detail-state ol li.current {
    background-position: 0 40px
}

.cancel-order-detail-state ol li.current dl {
    color: #ca151e
}

.cancel-order-detail-state ol li.current s {
    background-position: -46px -39px
}

.cancel-order-detail-state ol li.completed dl {
    color: #333
}

.cancel-order-detail-state ol li.completed s {
    background-position: 6px -39px
}

.cancel-order-detail-state ol li.first {
    background-image: none
}

.extend-order-detail-state {
    width: 766px;
    margin: 0 auto;
    padding: 32px 0 0
}

.extend-order-detail-state ol {
    *zoom: 1;
    margin-left: -234px;
    width: 1000px
}

.extend-order-detail-state ol:before,
.extend-order-detail-state ol:after {
    content: "";
    display: table
}

.extend-order-detail-state ol:after {
    clear: both
}

.extend-order-detail-state ol li {
    float: left;
    position: relative;
    width: 250px;
    background-position: 0 40px
}

.extend-order-detail-state ol li s {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    position: absolute;
    right: -6px;
    top: 32px;
    width: 16px;
    height: 16px;
    background-color: #FFF !important;
    padding: 0 6px;
    background-position: -20px -39px;
    z-index: 2
}

.extend-order-detail-state ol li dl {
    float: right;
    width: 120px;
    font-size: 14px;
    text-align: center;
    margin-right: -52px;
    color: #CCC
}

.extend-order-detail-state ol li dl dt {
    margin-bottom: 46px
}

.extend-order-detail-state ol li dl dd {
    line-height: 18px
}

.extend-order-detail-state ol li.completed,
.extend-order-detail-state ol li.current {
    background-position: 0 40px
}

.extend-order-detail-state ol li.current dl {
    color: #ca151e
}

.extend-order-detail-state ol li.current s {
    background-position: -46px -39px
}

.extend-order-detail-state ol li.completed dl {
    color: #333
}

.extend-order-detail-state ol li.completed s {
    background-position: 6px -39px
}

.extend-order-detail-state ol li.first {
    background-image: none
}

.recycle-detail-state.recycle-detail-state-5 {
    width: 816px;
    margin: 0 auto;
    padding: 32px 0 0
}

.recycle-detail-state.recycle-detail-state-5 ol {
    *zoom: 1;
    margin-left: -184px;
    width: 1000px
}

.recycle-detail-state.recycle-detail-state-5 ol:before,
.recycle-detail-state.recycle-detail-state-5 ol:after {
    content: "";
    display: table
}

.recycle-detail-state.recycle-detail-state-5 ol:after {
    clear: both
}

.recycle-detail-state.recycle-detail-state-5 ol li {
    float: left;
    position: relative;
    width: 200px;
    background-position: 0 40px
}

.recycle-detail-state.recycle-detail-state-5 ol li s {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    position: absolute;
    right: -6px;
    top: 32px;
    width: 16px;
    height: 16px;
    background-color: #FFF !important;
    padding: 0 6px;
    background-position: -20px -39px;
    z-index: 2
}

.recycle-detail-state.recycle-detail-state-5 ol li dl {
    float: right;
    width: 120px;
    font-size: 14px;
    text-align: center;
    margin-right: -52px;
    color: #CCC
}

.recycle-detail-state.recycle-detail-state-5 ol li dl dt {
    margin-bottom: 46px
}

.recycle-detail-state.recycle-detail-state-5 ol li dl dd {
    line-height: 18px
}

.recycle-detail-state.recycle-detail-state-5 ol li.completed,
.recycle-detail-state.recycle-detail-state-5 ol li.current {
    background-position: 0 40px
}

.recycle-detail-state.recycle-detail-state-5 ol li.current dl {
    color: #ca151e
}

.recycle-detail-state.recycle-detail-state-5 ol li.current s {
    background-position: -46px -39px
}

.recycle-detail-state.recycle-detail-state-5 ol li.completed dl {
    color: #333
}

.recycle-detail-state.recycle-detail-state-5 ol li.completed s {
    background-position: 6px -39px
}

.recycle-detail-state.recycle-detail-state-5 ol li.first {
    background-image: none
}

.recycle-detail-state.recycle-detail-state-4 {
    width: 817px;
    margin: 0 auto;
    padding: 32px 0 0
}

.recycle-detail-state.recycle-detail-state-4 ol {
    *zoom: 1;
    margin-left: -251px;
    width: 1068px
}

.recycle-detail-state.recycle-detail-state-4 ol:before,
.recycle-detail-state.recycle-detail-state-4 ol:after {
    content: "";
    display: table
}

.recycle-detail-state.recycle-detail-state-4 ol:after {
    clear: both
}

.recycle-detail-state.recycle-detail-state-4 ol li {
    float: left;
    position: relative;
    width: 267px;
    background-position: 0 40px
}

.recycle-detail-state.recycle-detail-state-4 ol li s {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    position: absolute;
    right: -6px;
    top: 32px;
    width: 16px;
    height: 16px;
    background-color: #FFF !important;
    padding: 0 6px;
    background-position: -20px -39px;
    z-index: 2
}

.recycle-detail-state.recycle-detail-state-4 ol li dl {
    float: right;
    width: 120px;
    font-size: 14px;
    text-align: center;
    margin-right: -52px;
    color: #CCC
}

.recycle-detail-state.recycle-detail-state-4 ol li dl dt {
    margin-bottom: 46px
}

.recycle-detail-state.recycle-detail-state-4 ol li dl dd {
    line-height: 18px
}

.recycle-detail-state.recycle-detail-state-4 ol li.completed,
.recycle-detail-state.recycle-detail-state-4 ol li.current {
    background-position: 0 40px
}

.recycle-detail-state.recycle-detail-state-4 ol li.current dl {
    color: #ca151e
}

.recycle-detail-state.recycle-detail-state-4 ol li.current s {
    background-position: -46px -39px
}

.recycle-detail-state.recycle-detail-state-4 ol li.completed dl {
    color: #333
}

.recycle-detail-state.recycle-detail-state-4 ol li.completed s {
    background-position: 6px -39px
}

.recycle-detail-state.recycle-detail-state-4 ol li.first {
    background-image: none
}

.recycle-detail-state.recycle-detail-state-3 {
    width: 550px;
    margin: 0 auto;
    padding: 32px 0 0
}

.recycle-detail-state.recycle-detail-state-3 ol {
    *zoom: 1;
    margin-left: -251px;
    width: 801px
}

.recycle-detail-state.recycle-detail-state-3 ol:before,
.recycle-detail-state.recycle-detail-state-3 ol:after {
    content: "";
    display: table
}

.recycle-detail-state.recycle-detail-state-3 ol:after {
    clear: both
}

.recycle-detail-state.recycle-detail-state-3 ol li {
    float: left;
    position: relative;
    width: 267px;
    background-position: 0 40px
}

.recycle-detail-state.recycle-detail-state-3 ol li s {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    position: absolute;
    right: -6px;
    top: 32px;
    width: 16px;
    height: 16px;
    background-color: #FFF !important;
    padding: 0 6px;
    background-position: -20px -39px;
    z-index: 2
}

.recycle-detail-state.recycle-detail-state-3 ol li dl {
    float: right;
    width: 120px;
    font-size: 14px;
    text-align: center;
    margin-right: -52px;
    color: #CCC
}

.recycle-detail-state.recycle-detail-state-3 ol li dl dt {
    margin-bottom: 46px
}

.recycle-detail-state.recycle-detail-state-3 ol li dl dd {
    line-height: 18px
}

.recycle-detail-state.recycle-detail-state-3 ol li.completed,
.recycle-detail-state.recycle-detail-state-3 ol li.current {
    background-position: 0 40px
}

.recycle-detail-state.recycle-detail-state-3 ol li.current dl {
    color: #ca151e
}

.recycle-detail-state.recycle-detail-state-3 ol li.current s {
    background-position: -46px -39px
}

.recycle-detail-state.recycle-detail-state-3 ol li.completed dl {
    color: #333
}

.recycle-detail-state.recycle-detail-state-3 ol li.completed s {
    background-position: 6px -39px
}

.recycle-detail-state.recycle-detail-state-3 ol li.first {
    background-image: none
}

.recycle-detail-state.recycle-detail-state-2 {
    width: 226px;
    margin: 0 auto;
    padding: 32px 0 0
}

.recycle-detail-state.recycle-detail-state-2 ol {
    *zoom: 1;
    margin-left: -194px;
    width: 420px
}

.recycle-detail-state.recycle-detail-state-2 ol:before,
.recycle-detail-state.recycle-detail-state-2 ol:after {
    content: "";
    display: table
}

.recycle-detail-state.recycle-detail-state-2 ol:after {
    clear: both
}

.recycle-detail-state.recycle-detail-state-2 ol li {
    float: left;
    position: relative;
    width: 210px;
    background-position: 0 40px
}

.recycle-detail-state.recycle-detail-state-2 ol li s {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    position: absolute;
    right: -6px;
    top: 32px;
    width: 16px;
    height: 16px;
    background-color: #FFF !important;
    padding: 0 6px;
    background-position: -20px -39px;
    z-index: 2
}

.recycle-detail-state.recycle-detail-state-2 ol li dl {
    float: right;
    width: 120px;
    font-size: 14px;
    text-align: center;
    margin-right: -52px;
    color: #CCC
}

.recycle-detail-state.recycle-detail-state-2 ol li dl dt {
    margin-bottom: 46px
}

.recycle-detail-state.recycle-detail-state-2 ol li dl dd {
    line-height: 18px
}

.recycle-detail-state.recycle-detail-state-2 ol li.completed,
.recycle-detail-state.recycle-detail-state-2 ol li.current {
    background-position: 0 40px
}

.recycle-detail-state.recycle-detail-state-2 ol li.current dl {
    color: #ca151e
}

.recycle-detail-state.recycle-detail-state-2 ol li.current s {
    background-position: -46px -39px
}

.recycle-detail-state.recycle-detail-state-2 ol li.completed dl {
    color: #333
}

.recycle-detail-state.recycle-detail-state-2 ol li.completed s {
    background-position: 6px -39px
}

.recycle-detail-state.recycle-detail-state-2 ol li.first {
    background-image: none
}

.cancel-recycle-detail-state {
    width: 421px;
    margin: 0 auto;
    padding: 32px 0 0
}

.cancel-recycle-detail-state ol {
    *zoom: 1;
    margin-left: -389px;
    width: 810px
}

.cancel-recycle-detail-state ol:before,
.cancel-recycle-detail-state ol:after {
    content: "";
    display: table
}

.cancel-recycle-detail-state ol:after {
    clear: both
}

.cancel-recycle-detail-state ol li {
    float: left;
    position: relative;
    width: 405px;
    background-position: 0 40px
}

.cancel-recycle-detail-state ol li s {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    position: absolute;
    right: -6px;
    top: 32px;
    width: 16px;
    height: 16px;
    background-color: #FFF !important;
    padding: 0 6px;
    background-position: -20px -39px;
    z-index: 2
}

.cancel-recycle-detail-state ol li dl {
    float: right;
    width: 120px;
    font-size: 14px;
    text-align: center;
    margin-right: -52px;
    color: #CCC
}

.cancel-recycle-detail-state ol li dl dt {
    margin-bottom: 46px
}

.cancel-recycle-detail-state ol li dl dd {
    line-height: 18px
}

.cancel-recycle-detail-state ol li.completed,
.cancel-recycle-detail-state ol li.current {
    background-position: 0 40px
}

.cancel-recycle-detail-state ol li.current dl {
    color: #ca151e
}

.cancel-recycle-detail-state ol li.current s {
    background-position: -46px -39px
}

.cancel-recycle-detail-state ol li.completed dl {
    color: #333
}

.cancel-recycle-detail-state ol li.completed s {
    background-position: 6px -39px
}

.cancel-recycle-detail-state ol li.first {
    background-image: none
}

.myConcern-record {
    width: 100%
}

.myConcern-record table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.myConcern-record table a:hover {
    text-decoration: none;
    color: #ca151e
}

.myConcern-record .list-group-caption {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE
}

.myConcern-record .list-group-caption:before,
.myConcern-record .list-group-caption:after {
    content: "";
    display: table
}

.myConcern-record .list-group-caption:after {
    clear: both
}

.myConcern-record .list-group-caption h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.myConcern-record .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.myConcern-record .list-group-caption h3 span em {
    color: #333
}

.myConcern-record .list-group-caption h3 i {
    background: url("../../images/echannel/icon/icon40.png") scroll no-repeat;
    background-position: -1px -207px
}

.myConcern-record .list-group-caption h3 i:hover+.tips-area {
    display: block
}

.myConcern-record .list-group-caption h3 .tips-text {
    width: 276px;
    margin-right: -140px
}

.myConcern-record .list-group-title {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA
}

.myConcern-record .list-group-title thead th {
    font-size: 14px;
    color: #888;
    height: 14px;
    line-height: 14px;
    *line-height: 1.2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: center
}

.myConcern-record .list-group-item {
    margin: 0 -1px
}

.myConcern-record .list-group-item .o-pro tbody td {
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 10px 0
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-img {
    position: relative;
    width: 120px;
    border-right: 1px solid #FFF
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-img .p-img img {
    display: inline-block;
    width: 100px;
    height: 100px
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-img .p-tag {
    position: absolute;
    left: 0;
    top: 0
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-info {
    text-align: left
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis:before,
.myConcern-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis:after {
    display: none !important
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-info .p-name {
    line-height: 21px;
    padding: 0 10px;
    *zoom: 1
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-info .p-name:before,
.myConcern-record .list-group-item .o-pro tbody td.col-pro-info .p-name:after {
    content: "";
    display: table
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-info .p-name:after {
    clear: both
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-info .p-name a {
    color: #333
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-info .p-name a:hover {
    color: #ca151e
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-info .p-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    padding: 0 7px;
    position: relative;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    float: left;
    top: 3px
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes {
    margin: 6px 0 6px 10px;
    border-radius: 2px
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes:hover {
    color: #fff
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes.disbaled {
    color: #9c9c9c;
    background: #fff;
    border: 1px solid #d1d1d1;
    width: 118px;
    height: 28px;
    line-height: 28px;
    cursor: not-allowed
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes.disbaled:hover {
    color: #9c9c9c;
    background: #fff
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide {
    padding: 0 10px;
    position: relative
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses {
    font-family: HYQiHei-EES;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    font-weight: 300;
    margin-top: 6px;
    display: inline-block;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses .not_Normal {
    white-space: nowrap
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses .p-name-glasses-note {
    color: black
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_down {
    position: absolute;
    bottom: 5px
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_down::after {
    content: "";
    width: 12px;
    height: 10px;
    display: inline-block;
    margin-left: 4px;
    background: url(../../images/echannel/icon/icon50.png) no-repeat;
    background-position: -4px -5px
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_up {
    position: absolute;
    bottom: 5px
}

.myConcern-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_up::after {
    content: "";
    width: 12px;
    height: 10px;
    display: inline-block;
    margin-left: 4px;
    background: url(../../images/echannel/icon/icon50.png) no-repeat;
    background-position: -4px -24px
}

.myConcern-record .list-group-item .o-pro tbody td.col-state,
.myConcern-record .list-group-item .o-pro tbody td.col-quty,
.myConcern-record .list-group-item .o-pro tbody td.col-price,
.myConcern-record .list-group-item .o-pro tbody td.col-pay {
    color: #AAA
}

.myConcern-record .list-group-item .o-pro tbody td.col-state em,
.myConcern-record .list-group-item .o-pro tbody td.col-quty em,
.myConcern-record .list-group-item .o-pro tbody td.col-price em,
.myConcern-record .list-group-item .o-pro tbody td.col-pay em {
    margin-right: 3px
}

.myConcern-record .list-group-item .o-pro tbody td.col-operate {
    border-right: #FFF
}

.myConcern-record .list-group-item .o-pro tbody td.col-operate .p-button {
    padding: 5px 0
}

.myConcern-record .list-group-item .o-pro tbody td.col-operate .p-link {
    padding: 4px 0
}

.myConcern-record .list-group-item .o-pro .o-gift td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 14px 0
}

.myConcern-record .list-group-item .o-pro .o-gift td.col-gift {
    text-align: left;
    position: relative
}

.myConcern-record .list-group-item .o-pro .o-gift td.col-gift .d-name {
    line-height: 21px;
    padding-left: 131px
}

.myConcern-record .list-group-item .o-pro .o-gift td.col-gift .d-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    padding: 0 7px;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    float: left;
    position: relative;
    top: 3px
}

.myConcern-record .list-group-item .o-pro .o-gift td.col-gift .p-tag {
    position: absolute;
    top: 0;
    left: 0
}

.myConcern-record .list-group-item .o-deposit tbody tr.disabled {
    color: #AAA !important
}

.myConcern-record .list-group-item .o-deposit tbody tr td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 16.5px 0
}

.myConcern-record .list-group-item .o-deposit tbody tr td.col-deposit {
    text-align: left
}

.myConcern-record .list-group-item .o-deposit tbody tr td.col-deposit .d-name {
    line-height: 21px
}

.myConcern-record .list-group-item .o-deposit tbody tr td.col-price em,
.myConcern-record .list-group-item .o-deposit tbody tr td.col-pay em {
    margin-right: 3px
}

.myConcern-record .list-group-item .o-deposit tbody tr td.col-operate {
    border-right: #FFF
}

.myConcern-record .list-group-item .o-deposit tbody tr td.col-operate .p-button {
    padding: 5px 0
}

.myConcern-record .list-group-item .o-deposit tbody tr td.col-operate .p-link {
    padding: 4px 0
}

.myConcern-record .list-group-item .o-gift tbody tr td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 14px 0
}

.myConcern-record .list-group-item .o-gift tbody tr td.col-gift {
    text-align: left;
    position: relative
}

.myConcern-record .list-group-item .o-gift tbody tr td.col-gift .d-name {
    line-height: 21px;
    padding-left: 130px
}

.myConcern-record .list-group-item .o-gift tbody tr td.col-gift .d-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    display: inline-block;
    padding: 0 7px;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    position: relative;
    top: -1px
}

.myConcern-record .list-group-item .o-gift tbody tr td.col-gift .p-tag {
    position: absolute;
    top: 0;
    left: 0
}

.myConcern-record .list-group-item .o-gift tbody tr td.col-operate {
    border-right: #FFF
}

.myConcern-record .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.myConcern-record .list-group-empty a {
    color: #36c
}

.myConcern-record .list-group-empty a:hover {
    text-decoration: none;
    color: #ca151e
}

.myConcern-record .list-group-page {
    padding-top: 20px;
    text-align: right
}

.myConcern-record .col-price {
    width: 116px
}

.myConcern-record .col-state {
    width: 116px
}

.myConcern-record .col-operate {
    width: 180px
}

.prevention-fraud {
    width: 940px;
    background-color: #fffdde
}

.prevention-fraud .prevention-fraud-tips {
    background: url("../../images/echannel/icon/icon40.png") scroll no-repeat;
    padding-left: 30px;
    background-position: 8px -98px;
    line-height: 30px;
    font-size: 14px
}

.prevention-fraud .prevention-fraud-tips span {
    color: #CA151E
}

.prevention-fraud-new {
    width: 940px;
    background-color: #fffdde;
    position: relative
}

.prevention-fraud-new .prevention-fraud-tips {
    background: url("../../images/echannel/icon/icon40.png") scroll no-repeat;
    padding-left: 30px;
    background-position: 8px -98px;
    line-height: 32px
}

.prevention-fraud-new .prevention-fraud-tips span {
    color: #CA151E
}

.prevention-fraud-new .prevention-fraud-close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 14px;
    top: 5px
}

.prevention-fraud-new .prevention-fraud-close:before {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    margin: 0 auto;
    margin-top: 5px;
    background: url("../../images/echannel/icon/icon-order.png") no-repeat -50px -85px
}

.myExch-record {
    width: 100%;
    overflow: hidden
}

.myExch-record table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.myExch-record table a {
    color: #36c
}

.myExch-record table a:hover {
    text-decoration: none;
    color: #ca151e
}

.myExch-record table thead th {
    font-size: 14px;
    color: #888;
    height: 14px;
    line-height: 14px;
    *line-height: 1.2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: center
}

.myExch-record table tbody td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    text-align: center;
    padding: 16px 0
}

.myExch-record table tbody td.col-operate .p-button {
    padding: 5px 0
}

.myExch-record table tbody td.col-operate .p-link {
    padding: 4px 0
}

.myExch-record .list-group-header {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 20px
}

.myExch-record .list-group-header:before,
.myExch-record .list-group-header:after {
    content: "";
    display: table
}

.myExch-record .list-group-header:after {
    clear: both
}

.myExch-record .list-group-header h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.myExch-record .list-group-header h3 span {
    font-size: 14px;
    color: #888
}

.myExch-record .list-group-header h3 span em {
    color: #333
}

.myExch-record .list-group-header .ec-tab a {
    padding-bottom: 13px
}

.myExch-record .list-group-caption {
    *zoom: 1;
    padding-bottom: 10px;
    border-bottom: 1px solid #DEDEDE
}

.myExch-record .list-group-caption:before,
.myExch-record .list-group-caption:after {
    content: "";
    display: table
}

.myExch-record .list-group-caption:after {
    clear: both
}

.myExch-record .list-group-caption h3 {
    font-size: 16px
}

.myExch-record .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.myExch-record .list-group-caption h3 span em {
    color: #333
}

.myExch-record .list-group-title {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA
}

.myExch-record .list-group-item {
    margin: 0 -1px;
    border-bottom: 1px solid #f2f2f2
}

.myExch-record .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.myExch-record .list-group-page {
    padding-top: 20px;
    text-align: right
}

.myExch-record table {
    table-layout: fixed
}

.myExch-record table .col-date {
    width: 180px
}

.myExch-record table .col-state {
    width: 113px
}

.myExch-record table .col-operate {
    width: 170px
}

.myExch-record table .col-operate p.p-button {
    padding: 5px 0
}

.myExch-record table .col-operate p.p-link {
    padding: 4px 0
}

.myExch-record table .col-operate p.p-link a {
    padding: 0 10px;
    border-left: 1px solid #EDEDED
}

.myExch-record table .col-operate p.p-link a:first-child {
    border-left: 1px solid transparent
}

.myRefund-record {
    width: 100%;
    overflow: hidden
}

.myRefund-record table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.myRefund-record table a {
    color: #36c
}

.myRefund-record table a:hover {
    text-decoration: none;
    color: #ca151e
}

.myRefund-record table thead th {
    font-size: 14px;
    color: #888;
    height: 14px;
    line-height: 14px;
    *line-height: 1.2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: center
}

.myRefund-record table tbody td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    text-align: center;
    padding: 16px 0
}

.myRefund-record table tbody td.col-operate .p-button {
    padding: 5px 0
}

.myRefund-record table tbody td.col-operate .p-link {
    padding: 4px 0
}

.myRefund-record .list-group-header {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 20px
}

.myRefund-record .list-group-header:before,
.myRefund-record .list-group-header:after {
    content: "";
    display: table
}

.myRefund-record .list-group-header:after {
    clear: both
}

.myRefund-record .list-group-header h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.myRefund-record .list-group-header h3 span {
    font-size: 14px;
    color: #888
}

.myRefund-record .list-group-header h3 span em {
    color: #333
}

.myRefund-record .list-group-header .ec-tab a {
    padding-bottom: 13px
}

.myRefund-record .list-group-caption {
    *zoom: 1;
    padding-bottom: 10px;
    border-bottom: 1px solid #DEDEDE
}

.myRefund-record .list-group-caption:before,
.myRefund-record .list-group-caption:after {
    content: "";
    display: table
}

.myRefund-record .list-group-caption:after {
    clear: both
}

.myRefund-record .list-group-caption h3 {
    font-size: 16px
}

.myRefund-record .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.myRefund-record .list-group-caption h3 span em {
    color: #333
}

.myRefund-record .list-group-title {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA
}

.myRefund-record .list-group-item {
    margin: 0 -1px;
    border-bottom: 1px solid #f2f2f2
}

.myRefund-record .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.myRefund-record .list-group-page {
    padding-top: 20px;
    text-align: right
}

.myRefund-record .col-date {
    width: 276px
}

.myRefund-record .col-pay {
    width: 177px
}

.myRefund-record .col-pay em {
    margin-right: 3px
}

.myRefund-record .col-state {
    width: 170px
}

.myRefund-record .col-pay ul,
.myRefund-record .col-state ul {
    margin: -16px 0 -17px
}

.myRefund-record .col-pay ul li,
.myRefund-record .col-state ul li {
    padding: 16px 0;
    border-bottom: 1px solid #DEDEDE
}

.myEval-record {
    width: 100%
}

.myEval-record table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.myEval-record table a:hover {
    text-decoration: none;
    color: #ca151e
}

.myEval-record .list-group-caption {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE
}

.myEval-record .list-group-caption:before,
.myEval-record .list-group-caption:after {
    content: "";
    display: table
}

.myEval-record .list-group-caption:after {
    clear: both
}

.myEval-record .list-group-caption h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.myEval-record .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.myEval-record .list-group-caption h3 span em {
    color: #333
}

.myEval-record .list-group-caption h3 i {
    background: url("../../images/echannel/icon/icon40.png") scroll no-repeat;
    background-position: -1px -207px
}

.myEval-record .list-group-caption h3 i:hover+.tips-area {
    display: block
}

.myEval-record .list-group-caption h3 .tips-text {
    width: 276px;
    margin-right: -140px
}

.myEval-record .list-group-title {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA
}

.myEval-record .list-group-title thead th {
    font-size: 14px;
    color: #888;
    height: 14px;
    line-height: 14px;
    *line-height: 1.2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: center
}

.myEval-record .list-group-item {
    margin: 0 -1px
}

.myEval-record .list-group-item .o-pro tbody td {
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 10px 0
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-img {
    position: relative;
    width: 120px;
    border-right: 1px solid #FFF
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-img .p-img img {
    display: inline-block;
    width: 100px;
    height: 100px
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-img .p-tag {
    position: absolute;
    left: 0;
    top: 0
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-info {
    text-align: left
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis:before,
.myEval-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis:after {
    display: none !important
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-info .p-name {
    line-height: 21px;
    padding: 0 10px;
    *zoom: 1
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-info .p-name:before,
.myEval-record .list-group-item .o-pro tbody td.col-pro-info .p-name:after {
    content: "";
    display: table
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-info .p-name:after {
    clear: both
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-info .p-name a {
    color: #333
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-info .p-name a:hover {
    color: #ca151e
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-info .p-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    padding: 0 7px;
    position: relative;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    float: left;
    top: 3px
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes {
    margin: 6px 0 6px 10px;
    border-radius: 2px
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes:hover {
    color: #fff
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes.disbaled {
    color: #9c9c9c;
    background: #fff;
    border: 1px solid #d1d1d1;
    width: 118px;
    height: 28px;
    line-height: 28px;
    cursor: not-allowed
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes.disbaled:hover {
    color: #9c9c9c;
    background: #fff
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide {
    padding: 0 10px;
    position: relative
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses {
    font-family: HYQiHei-EES;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    font-weight: 300;
    margin-top: 6px;
    display: inline-block;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses .not_Normal {
    white-space: nowrap
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses .p-name-glasses-note {
    color: black
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_down {
    position: absolute;
    bottom: 5px
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_down::after {
    content: "";
    width: 12px;
    height: 10px;
    display: inline-block;
    margin-left: 4px;
    background: url(../../images/echannel/icon/icon50.png) no-repeat;
    background-position: -4px -5px
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_up {
    position: absolute;
    bottom: 5px
}

.myEval-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_up::after {
    content: "";
    width: 12px;
    height: 10px;
    display: inline-block;
    margin-left: 4px;
    background: url(../../images/echannel/icon/icon50.png) no-repeat;
    background-position: -4px -24px
}

.myEval-record .list-group-item .o-pro tbody td.col-state,
.myEval-record .list-group-item .o-pro tbody td.col-quty,
.myEval-record .list-group-item .o-pro tbody td.col-price,
.myEval-record .list-group-item .o-pro tbody td.col-pay {
    color: #AAA
}

.myEval-record .list-group-item .o-pro tbody td.col-state em,
.myEval-record .list-group-item .o-pro tbody td.col-quty em,
.myEval-record .list-group-item .o-pro tbody td.col-price em,
.myEval-record .list-group-item .o-pro tbody td.col-pay em {
    margin-right: 3px
}

.myEval-record .list-group-item .o-pro tbody td.col-operate {
    border-right: #FFF
}

.myEval-record .list-group-item .o-pro tbody td.col-operate .p-button {
    padding: 5px 0
}

.myEval-record .list-group-item .o-pro tbody td.col-operate .p-link {
    padding: 4px 0
}

.myEval-record .list-group-item .o-pro .o-gift td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 14px 0
}

.myEval-record .list-group-item .o-pro .o-gift td.col-gift {
    text-align: left;
    position: relative
}

.myEval-record .list-group-item .o-pro .o-gift td.col-gift .d-name {
    line-height: 21px;
    padding-left: 131px
}

.myEval-record .list-group-item .o-pro .o-gift td.col-gift .d-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    padding: 0 7px;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    float: left;
    position: relative;
    top: 3px
}

.myEval-record .list-group-item .o-pro .o-gift td.col-gift .p-tag {
    position: absolute;
    top: 0;
    left: 0
}

.myEval-record .list-group-item .o-deposit tbody tr.disabled {
    color: #AAA !important
}

.myEval-record .list-group-item .o-deposit tbody tr td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 16.5px 0
}

.myEval-record .list-group-item .o-deposit tbody tr td.col-deposit {
    text-align: left
}

.myEval-record .list-group-item .o-deposit tbody tr td.col-deposit .d-name {
    line-height: 21px
}

.myEval-record .list-group-item .o-deposit tbody tr td.col-price em,
.myEval-record .list-group-item .o-deposit tbody tr td.col-pay em {
    margin-right: 3px
}

.myEval-record .list-group-item .o-deposit tbody tr td.col-operate {
    border-right: #FFF
}

.myEval-record .list-group-item .o-deposit tbody tr td.col-operate .p-button {
    padding: 5px 0
}

.myEval-record .list-group-item .o-deposit tbody tr td.col-operate .p-link {
    padding: 4px 0
}

.myEval-record .list-group-item .o-gift tbody tr td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 14px 0
}

.myEval-record .list-group-item .o-gift tbody tr td.col-gift {
    text-align: left;
    position: relative
}

.myEval-record .list-group-item .o-gift tbody tr td.col-gift .d-name {
    line-height: 21px;
    padding-left: 130px
}

.myEval-record .list-group-item .o-gift tbody tr td.col-gift .d-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    display: inline-block;
    padding: 0 7px;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    position: relative;
    top: -1px
}

.myEval-record .list-group-item .o-gift tbody tr td.col-gift .p-tag {
    position: absolute;
    top: 0;
    left: 0
}

.myEval-record .list-group-item .o-gift tbody tr td.col-operate {
    border-right: #FFF
}

.myEval-record .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.myEval-record .list-group-empty a {
    color: #36c
}

.myEval-record .list-group-empty a:hover {
    text-decoration: none;
    color: #ca151e
}

.myEval-record .list-group-page {
    padding-top: 20px;
    text-align: right
}

.myEval-record .col-int {
    width: 122px
}

.myEval-record .col-operate {
    width: 300px
}

.myEval-record .o-info {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE;
    font-size: 14px;
    padding: 23px 0 10px;
    height: 17px
}

.myEval-record .o-info:before,
.myEval-record .o-info:after {
    content: "";
    display: table
}

.myEval-record .o-info:after {
    clear: both
}

.myEval-record .o-info a:hover {
    text-decoration: none;
    color: #ca151e
}

.myEval-record .o-info .col-info {
    float: left
}

.myEval-record .o-info .col-info .o-date {
    margin: 0 15px 0 9px;
    color: #888
}

.myEval-record .o-info .col-info .o-no {
    color: #888;
    margin-right: 15px
}

.myEval-record tbody td.col-operate .p-text,
.myEval-record tbody td.col-operate .p-answer {
    word-break: break-all;
    word-wrap: break-word;
    text-align: left;
    padding: 10px 20px;
    line-height: 21px
}

.myEval-record tbody td.col-operate .p-answer {
    padding-bottom: 15px;
    color: #dba048
}

.myEval-record tbody td.col-int span {
    color: #ca151e
}

.myEval-record .list-group-item .o-pro tbody td {
    border-color: #DEDEDE
}

.myEval-record .list-group-item .o-pro tbody td.col-operate {
    border-right: 1px solid #DEDEDE
}

.myEval-record .list-group-item .o-pro tbody td.col-int {
    border-right: 1px solid #fff
}

.myEval-service {
    background: #FFF;
    margin-top: 20px
}

.myEval-service .myEval-service-title {
    width: 299px;
    margin-top: 42px;
    font-size: 14px;
    position: relative
}

.myEval-service .myEval-service-title span {
    position: relative;
    top: 3px
}

.myEval-service .myEval-service-content {
    padding: 0;
    font-size: 14px;
    margin-left: 22px
}

.myEval-service .myEval-service-content:first-child {
    margin-left: 36px
}

.myEval-service .myEval-service-content .rater-star {
    margin-right: 1px
}

.myEval-service .myEval-service-content label {
    margin-right: 10px
}

.myEval-service .myEval-service-content span {
    color: #AAA;
    display: inline-block
}

.myEval-service .myEval-service-content span.vam {
    width: 24px;
    position: relative;
    top: 1px
}

.logistics_remark_prompt_em {
    width: 21px;
    height: 21px;
    display: inline-block;
    position: relative;
    top: 8px;
    left: 6px;
    cursor: pointer
}

.logistics_remark_prompt_em:before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    margin-top: 0;
    margin-left: 0;
    background: url("../../images/echannel/icon/ic_about.svg") no-repeat
}

.logistics_remark_prompt_p {
    position: absolute;
    top: 37px;
    right: 53px;
    line-height: 1.5;
    width: 200px;
    padding: 10px;
    border: 1px solid #d6d6d6;
    background: #fff;
    z-index: 301;
    box-shadow: 0 2px 8px #e3e3e3;
    font-size: 12px
}

.logistics_remark_prompt_p:before {
    content: "";
    width: 22px;
    height: 10px;
    position: absolute;
    top: -10px;
    right: 15px;
    background: url("../../images/echannel/icon/icon50.png") no-repeat 0 -47px
}

.serviceDescribe_div textarea::-webkit-input-placeholder {
    color: #D3D3D3
}

.serviceDescribe_div textarea:-moz-placeholder {
    color: #D3D3D3
}

.serviceDescribe_div textarea::-moz-placeholder {
    color: #D3D3D3
}

.serviceDescribe_div textarea:-ms-input-placeholder {
    color: #D3D3D3
}

.myEval-logistics {
    width: 900px;
    border-left: 1px solid #F5F5F5;
    padding-top: 40px;
    padding-bottom: 46px
}

.myEval-logistics .form-edit-panels .form-edit-table table {
    table-layout: fixed
}

.myEval-logistics .form-edit-panels .form-edit-table table tr th.vat {
    text-align: left;
    padding-left: 36px;
    width: 105px;
    color: #AAA
}

.myEval-logistics .form-edit-panels .form-edit-table table tr.tr-rel td {
    padding-bottom: 0
}

.myEval-logistics .form-edit-panels .form-edit-table table .textarea {
    height: 88px;
    width: 688px;
    border: 1px solid #DDD
}

.myEval-logistics .form-edit-panels .form-edit-table table .count {
    text-align: right;
    font-size: 12px;
    padding: 4px 34px 0 0
}

.myEval-logistics .form-edit-panels .form-edit-table table .count.fr {
    color: #CCC
}

.myEval-logistics .form-edit-panels .form-edit-table table .count span {
    color: #888
}

.myEval-logistics .myEval-impress li {
    width: auto
}

.myEval-logistics .myEval-impress li .impress.long a {
    width: 228px
}

.myEval-logistics-errors {
    color: #ca141d;
    line-height: 20px;
    font-size: 14px;
    background: url("../../images/echannel/icon/icon-cry.png") no-repeat;
    padding-left: 26px;
    margin: 26px 0 6px 150px
}

.myEval-detail .myEval-pro {
    background-color: #F5F5F5;
    padding: 20px
}

.myEval-detail .myEval-pro table {
    width: 100%
}

.myEval-detail .myEval-pro table .col-pro-img {
    width: 135px
}

.myEval-detail .myEval-pro table .col-pro-img .p-img img {
    display: inline-block;
    width: 135px;
    height: 135px
}

.myEval-detail .myEval-pro table .col-pro-info {
    padding-left: 30px
}

.myEval-detail .myEval-pro table .col-pro-info .p-name {
    font-size: 18px
}

.myEval-detail .myEval-pro table .col-pro-info .p-name a:hover {
    text-decoration: none;
    color: #36c
}

.myEval-detail .myEval-pro table .col-pro-info .p-sku {
    color: #888;
    overflow: hidden;
    position: relative;
    left: -5px;
    padding-top: 5px;
    _zoom: 1
}

.myEval-detail .myEval-pro table .col-pro-info .p-sku span {
    display: inline-block;
    border-left: 1px solid #888;
    margin: 0 0 0 -1px;
    padding: 0 5px
}

.myEval-detail .myEval-form {
    padding-top: 30px
}

.myEval-detail .myEval-form table {
    width: 100%
}

.myEval-detail .myEval-form table th {
    width: 91px
}

.myEval-detail .myEval-form table td .textarea {
    height: 174px;
    width: 764px
}

.myEval-detail .myEval-form table td .count {
    text-align: right;
    font-size: 12px;
    padding: 4px 50px 0 0
}

.myEval-detail .myEval-form table td .count.fr {
    color: #CCC
}

.myEval-detail .myEval-form table td .count.fl {
    color: #666
}

.myEval-detail .myEval-form table td .count span {
    color: #888
}

.myEval-detail .myEval-form .tr-action th,
.myEval-detail .myEval-form .tr-action td {
    padding-top: 0 !important
}

.myEval-impress {
    *zoom: 1
}

.myEval-impress:before,
.myEval-impress:after {
    content: "";
    display: table
}

.myEval-impress:after {
    clear: both
}

.myEval-impress li {
    float: left;
    vertical-align: top;
    padding: 0 10px 10px 0;
    position: relative;
    width: 110px;
    height: 40px
}

.myEval-impress li a:hover {
    text-decoration: none
}

.myEval-impress li .impress {
    cursor: pointer;
    position: relative
}

.myEval-impress li .impress a {
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease;
    display: block;
    width: 108px;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    text-align: center;
    border: 1px solid #DDD
}

.myEval-impress li .impress a:hover {
    border-color: #333
}

.myEval-impress li .impress s {
    display: none
}

.myEval-impress li .impress-edit {
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease;
    visibility: hidden;
    width: 198px;
    height: 37px;
    border: 1px solid #DEDEDE;
    position: absolute
}

.myEval-impress li .impress-edit:hover {
    border-color: #36c
}

.myEval-impress li .impress-edit .text {
    width: 126px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    border: 0 none !important
}

.myEval-impress li .impress-edit .text::-webkit-input-placeholder {
    color: #ccc
}

.myEval-impress li .impress-edit .text:-moz-placeholder {
    color: #ccc
}

.myEval-impress li .impress-edit .text::-moz-placeholder {
    color: #bbb
}

.myEval-impress li .impress-edit .text:-ms-input-placeholder {
    color: #ccc
}

.myEval-impress li .impress-edit a {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 27px;
    padding-top: 10px;
    background-color: #FFF
}

.myEval-impress li .impress-edit a span {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-position: -141px -46px;
    width: 50px;
    height: 18px;
    border-left: 1px solid #DEDEDE
}

.myEval-impress li.selected .impress {
    _zoom: 1
}

.myEval-impress li.selected .impress a {
    color: #ca151e;
    border-color: #ca151e
}

.myEval-impress li.selected .impress s {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    display: block;
    position: absolute;
    right: 1px;
    bottom: 1px;
    _bottom: 0;
    width: 10px;
    height: 10px;
    line-height: 0;
    font-size: 0;
    background-position: -134px -33px
}

.myEval-impress li.disabled a:hover {
    border-color: #DDD;
    cursor: default
}

.myEval-impress li.current {
    width: 200px
}

.myEval-impress li.current .impress {
    display: none
}

.myEval-impress li.current .impress-edit {
    visibility: visible
}

.myEval-detail-add {
    margin-top: 20px;
    background: #FFF
}

.myEval-detail-add .myEval-detail-tips {
    font-size: 14px;
    position: relative;
    top: -7px;
    text-align: center;
    background: #f5f5f5;
    min-height: 27px
}

.myEval-detail-add .tr-rel-word .top {
    vertical-align: top;
    line-height: 20px
}

.myEval-detail-add .tr-rel-word .comment-detial {
    padding-right: 50px;
    line-height: 20px;
    word-break: break-all
}

.myEval-detail-add .tr-rel-word .tips {
    color: #ca141d;
    margin-top: 16px
}

.myEval-detail-add ul>li {
    margin-left: -2px
}

.myEval-detail-add ul>li.border-bottom {
    border-bottom: 1px solid #F5F5F5
}

.myEval-detail-add ul>li .myEval-pro {
    text-align: center
}

.myEval-detail-add ul>li .myEval-pro,
.myEval-detail-add ul>li .myEval-pro>a {
    display: block;
    width: 301px;
    height: 365px
}

.myEval-detail-add ul>li .myEval-pro:hover,
.myEval-detail-add ul>li .myEval-pro>a:hover {
    text-decoration: none
}

.myEval-detail-add ul>li .myEval-pro .p-img {
    margin: 40px 82px 30px
}

.myEval-detail-add ul>li .myEval-pro .p-img,
.myEval-detail-add ul>li .myEval-pro .p-img img {
    width: 135px;
    height: 135px
}

.myEval-detail-add ul>li .myEval-pro .p-name {
    margin: 0 50px;
    font-size: 14px
}

.myEval-detail-add ul>li .myEval-pro .p-price {
    font-size: 16px;
    color: #CA151E;
    margin: 20px 50px 0
}

.myEval-detail-add ul>li .myEval-form {
    width: 900px;
    min-height: 365px;
    border-left: 1px solid #F5F5F5
}

.myEval-detail-add ul>li .myEval-form table {
    width: 100%;
    margin-top: 32px;
    table-layout: fixed
}

.myEval-detail-add ul>li .myEval-form table th {
    text-align: left;
    padding-left: 36px;
    width: 105px;
    color: #AAA
}

.myEval-detail-add ul>li .myEval-form table th span.red {
    position: absolute;
    margin-left: -10px
}

.myEval-detail-add ul>li .myEval-form table td {
    width: 750px
}

.myEval-detail-add ul>li .myEval-form table td .textarea {
    height: 88px;
    width: 688px;
    border: 1px solid #DDD
}

.myEval-detail-add ul>li .myEval-form table td .textarea::-webkit-input-placeholder {
    color: #ccc
}

.myEval-detail-add ul>li .myEval-form table td .textarea:-moz-placeholder {
    color: #ccc
}

.myEval-detail-add ul>li .myEval-form table td .textarea::-moz-placeholder {
    color: #bbb
}

.myEval-detail-add ul>li .myEval-form table td .textarea:-ms-input-placeholder {
    color: #ccc
}

.myEval-detail-add ul>li .myEval-form table td .textarea.readonly:focus {
    border-color: #ddd
}

.myEval-detail-add ul>li .myEval-form table td .count {
    text-align: right;
    font-size: 12px;
    padding: 4px 34px 0 0
}

.myEval-detail-add ul>li .myEval-form table td .count.fr {
    color: #CCC
}

.myEval-detail-add ul>li .myEval-form table td .count.fl {
    color: #666
}

.myEval-detail-add ul>li .myEval-form table td .count span {
    color: #888
}

.myEval-detail-add ul>li .myEval-form .tr-action th,
.myEval-detail-add ul>li .myEval-form .tr-action td {
    padding-top: 0 !important
}

.user-comment-img-tips {
    color: #333;
    margin-top: 10px
}

.user-comment-img {
    margin-top: 5px;
    margin-bottom: 20px
}

.user-comment-img .img-small {
    position: relative;
    float: left
}

.user-comment-img .img-small a {
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 8px;
    border: 2px solid #fff;
    position: relative;
    overflow: hidden;
    text-align: center
}

.user-comment-img .img-small a em {
    background: #3A3A3A url("../../images/echannel/loading/img-comment.gif") no-repeat center;
    width: 96px;
    height: 96px;
    line-height: 80px;
    text-align: center;
    position: absolute;
    text-indent: -999px;
    overflow: hidden;
    top: 2px;
    left: 2px;
    z-index: 1
}

.user-comment-img .img-small a span {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    position: absolute;
    z-index: 3;
    top: 4px;
    right: 4px;
    text-indent: -999px;
    overflow: hidden;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.5)
}

.user-comment-img .img-small a span:after {
    content: "";
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    width: 8px;
    height: 8px;
    font-size: 22px;
    color: #fff;
    position: absolute;
    text-indent: 0;
    z-index: 4;
    top: 4px;
    left: 4px;
    background: url("../../images/echannel/icon/icon-delete.svg") no-repeat center
}

.user-comment-img .img-small a img {
    width: 96px;
    height: 96px;
    vertical-align: top;
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 2
}

.user-comment-img .img-small a.selected {
    border: 2px solid #ca141d;
    cursor: default
}

.user-comment-img .img-small a.disabled:before {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: #b2b2b2;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 28px;
    left: 28px;
    z-index: 4
}

.user-comment-img .img-small a.disabled:after {
    content: "";
    width: 22px;
    height: 4px;
    border-radius: 2px;
    background: #fff;
    position: absolute;
    top: 46px;
    left: 37px;
    z-index: 5
}

.user-comment-img .img-small a.img-wrap-video img {
    width: auto;
    position: relative;
    left: auto
}

.user-comment-img .img-small a .play-btn {
    display: block;
    position: absolute;
    top: 38px;
    left: 37px;
    z-index: 99;
    width: 24px;
    height: 24px;
    background-image: url("")
}

.user-comment-img .user-comment-img-btn {
    position: relative;
    overflow: hidden;
    float: left;
    margin-top: 4px
}

.user-comment-img .user-comment-img-btn.disabeld span {
    cursor: not-allowed
}

.user-comment-img .user-comment-img-btn.disabeld input {
    visibility: hidden
}

.user-comment-img .user-comment-img-btn span {
    width: 96px;
    height: 40px;
    display: block;
    background: #f9f9f9;
    cursor: pointer;
    text-align: center;
    padding-top: 56px;
    position: relative;
    color: #666;
    font-size: 12px
}

.user-comment-img .user-comment-img-btn span:before {
    content: "\e638";
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 24px;
    left: 36px;
    font-size: 22px;
    color: #999
}

.user-comment-img .user-comment-img-btn input {
    position: absolute;
    top: 0;
    left: 0;
    width: 96px;
    height: 96px;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    cursor: pointer
}

.user-comment-img .img-big {
    float: left;
    width: 708px;
    border: 1px solid #eaeaea;
    position: relative;
    margin-top: 16px;
    text-align: center
}

.user-comment-img .img-big.none {
    display: none
}

.user-comment-img .img-big img {
    max-width: 708px;
    max-height: 418px;
    vertical-align: top
}

.user-comment-img .img-big .comment-img-delete {
    position: absolute;
    top: 0;
    right: 10px;
    width: 79px;
    height: 40px;
    line-height: 49px;
    z-index: 8;
    color: #fff;
    cursor: pointer;
    text-indent: 15px
}

.user-comment-img .img-big .comment-img-delete:before {
    content: "";
    width: 17px;
    height: 16px;
    background: url("../../images/echannel/icon/icon-mc.png") no-repeat -51px -198px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 3px;
    z-index: 2
}

.user-comment-img .img-big .comment-img-delete:after {
    content: "";
    width: 64px;
    height: 30px;
    position: absolute;
    top: 10px;
    left: 15px;
    border-radius: 2px;
    background: #898989;
    background: rgba(58, 58, 58, 0.6);
    z-index: -1
}

.user-comment-img .img-big .cursor-small {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    -ms-filter: 'alpha(opacity=0)';
    background: rgba(255, 255, 255, 0)
}

.user-comment-img .img-big .cursor-prev {
    width: 205px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: #fff;
    -ms-filter: 'alpha(opacity=0)';
    background: rgba(255, 255, 255, 0)
}

.user-comment-img .img-big .cursor-next {
    width: 205px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    background: #fff;
    -ms-filter: 'alpha(opacity=0)';
    background: rgba(255, 255, 255, 0)
}

.user-comment-img .img-big .ban {
    width: 420px;
    height: 70px;
    line-height: 70px;
    font-size: 20px;
    border-radius: 35px;
    color: #fff;
    background: #7f7f7f;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 4;
    top: 50%;
    margin-top: -35px;
    left: 144px
}

.user-comment-img .j-video-close {
    cursor: pointer;
    position: absolute;
    top: 26px;
    left: 360px;
    width: 15px;
    height: 14px;
    text-indent: -999px;
    overflow: hidden;
    z-index: 300;
    background: url("../../images/echannel/icon/icon50.png") no-repeat 0 -160px
}

.btn-additional-comment {
    display: block;
    background: #CA141D;
    border-radius: 2px;
    width: 172px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    color: #FFF;
    text-align: center;
    margin: 30px 0 38px 200px
}

.btn-additional-comment.disabled {
    background: rgba(0, 0, 0, 0.3);
    cursor: not-allowed
}

.order-edit {
    font-size: 14px
}

.order-address a {
    color: #36c
}

.order-address a:hover {
    text-decoration: none
}

.order-address .title {
    font-size: 16px;
    padding-bottom: 10px;
    padding-left: 2px;
    border-bottom: 1px solid #DEDEDE
}

.order-address .title span {
    font-size: 14px;
    color: #888
}

.order-address .title b {
    font-size: 14px;
    color: #36c;
    margin-left: 6px;
    font-weight: 400
}

.order-address .order-address-list li {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE;
    padding: 14px 0 14px 99px;
    position: relative;
    vertical-align: top
}

.order-address .order-address-list li:before,
.order-address .order-address-list li:after {
    content: "";
    display: table
}

.order-address .order-address-list li:after {
    clear: both
}

.order-address .order-address-list li .address-main {
    float: left;
    padding: 2.5px 220px 2.5px 0;
    overflow: hidden
}

.order-address .order-address-list li .address-main .address-mark {
    display: none;
    color: #ca151e;
    left: 15px;
    position: absolute;
    top: 13px
}

.order-address .order-address-list li .address-main .address-mark i {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    display: inline-block;
    width: 21px;
    height: 26px;
    background-position: -78px -39px;
    margin-right: 6px;
    vertical-align: middle
}

.order-address .order-address-list li .address-main .radio {
    vertical-align: top;
    margin: 0
}

.order-address .order-address-list li .address-main .address-info {
    cursor: pointer
}

.order-address .order-address-list li .address-main .address-info b {
    font-weight: 400;
    margin-left: 6px
}

.order-address .order-address-list li .address-main .address-info span {
    display: inline-block;
    word-break: break-all;
    word-wrap: break-word;
    color: #888;
    margin-left: 20px
}

.order-address .order-address-list li .address-sub {
    float: right;
    margin-left: -200px;
    width: 200px
}

.order-address .order-address-list li .address-sub p {
    float: left;
    border-right: 1px solid #DEDEDE;
    text-align: center;
    height: 16px;
    padding: 3px 0;
    overflow: hidden
}

.order-address .order-address-list li .address-sub p.a-edit,
.order-address .order-address-list li .address-sub p.a-del {
    width: 50px
}

.order-address .order-address-list li .address-sub p.a-state {
    border-right: 0 none;
    width: 96px
}

.order-address .order-address-list li .address-sub p .edit,
.order-address .order-address-list li .address-sub p .del {
    background: url("../../images/echannel/icon/icon40.png") scroll no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px
}

.order-address .order-address-list li .address-sub p .edit span,
.order-address .order-address-list li .address-sub p .del span {
    visibility: hidden
}

.order-address .order-address-list li .address-sub p .edit span,
.order-address .order-address-list li .address-sub p .del span {
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
    opacity: 0
}

.order-address .order-address-list li .address-sub p .edit:hover,
.order-address .order-address-list li .address-sub p .del:hover {
    background-image: none;
    width: auto
}

.order-address .order-address-list li .address-sub p .edit:hover span,
.order-address .order-address-list li .address-sub p .del:hover span {
    visibility: visible;
    opacity: 1
}

.order-address .order-address-list li .address-sub p .edit {
    background-position: 0 0
}

.order-address .order-address-list li .address-sub p .del {
    background-position: 0 -26px
}

.order-address .order-address-list li .address-sub p .default {
    color: #666
}

.order-address .order-address-list li .address-sub p .set {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0;
    visibility: hidden
}

.order-address .order-address-list li .address-tips-stages {
    position: absolute;
    width: 328px;
    height: 36px;
    border: 1px solid #CA151E;
    top: -34px;
    left: 184px;
    background: #FFF
}

.order-address .order-address-list li .address-tips-stages .label-error {
    *float: left;
    vertical-align: top;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    margin: 12px 0 0 12px
}

.order-address .order-address-list li .address-tips-stages p {
    display: inline-block;
    *float: left;
    text-align: left;
    padding: 0 0 0 6px;
    margin: 11px 0 0;
    font-size: 14px;
    color: #CA151E
}

.order-address .order-address-list li .address-tips-stages .f {
    position: relative;
    font-size: 0;
    line-height: 0
}

.order-address .order-address-list li .address-tips-stages .f s {
    position: absolute;
    left: 16px;
    bottom: -15px;
    *bottom: -43px
}

.order-address .order-address-list li:hover,
.order-address .order-address-list li.hover {
    background-color: #FBFBFB
}

.order-address .order-address-list li:hover .set,
.order-address .order-address-list li.hover .set {
    opacity: 1 !important;
    visibility: visible !important
}

.order-address .order-address-list li.current .address-main .address-mark {
    display: block
}

.order-address .order-address-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #DEDEDE;
    padding: 50px 0
}

.order-address .address-expand {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 14px;
    background-position: 0 -65px
}

.order-address .address-expand span {
    display: none
}

.order-net .h {
    border-bottom: 1px solid #DEDEDE
}

.order-net .h h3 {
    padding-left: 2px;
    font-size: 16px;
    padding-bottom: 10px
}

.order-net .b {
    padding-top: 10px
}

.order-net .b th {
    width: 100px
}

.order-net .b td a {
    margin-right: 5px
}

.order-com .h {
    border-bottom: 1px solid #DEDEDE
}

.order-com .h h3 {
    padding-left: 2px;
    font-size: 16px;
    padding-bottom: 10px
}

.order-com .b {
    padding-top: 10px
}

.order-com .b th {
    width: 100px
}

.order-com .b td a {
    margin-right: 5px
}

.order-invoice a {
    color: #36c
}

.order-invoice a:hover {
    text-decoration: none
}

.order-invoice .title {
    font-size: 16px;
    padding-bottom: 10px;
    padding-left: 2px;
    border-bottom: 1px solid #DEDEDE
}

.order-invoice .title span {
    font-size: 14px;
    color: #888
}

.order-invoice .title b {
    font-size: 14px;
    color: #36c;
    margin-left: 6px;
    font-weight: 400
}

.order-invoice .b {
    padding-top: 10px
}

.order-invoice .b th {
    width: 100px
}

.order-edit-pro .order-pro-record {
    width: 100%
}

.order-edit-pro .order-pro-record table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.order-edit-pro .order-pro-record table a:hover {
    text-decoration: none;
    color: #ca151e
}

.order-edit-pro .order-pro-record .list-group-caption {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE
}

.order-edit-pro .order-pro-record .list-group-caption:before,
.order-edit-pro .order-pro-record .list-group-caption:after {
    content: "";
    display: table
}

.order-edit-pro .order-pro-record .list-group-caption:after {
    clear: both
}

.order-edit-pro .order-pro-record .list-group-caption h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.order-edit-pro .order-pro-record .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.order-edit-pro .order-pro-record .list-group-caption h3 span em {
    color: #333
}

.order-edit-pro .order-pro-record .list-group-caption h3 i {
    background: url("../../images/echannel/icon/icon40.png") scroll no-repeat;
    background-position: -1px -207px
}

.order-edit-pro .order-pro-record .list-group-caption h3 i:hover+.tips-area {
    display: block
}

.order-edit-pro .order-pro-record .list-group-caption h3 .tips-text {
    width: 276px;
    margin-right: -140px
}

.order-edit-pro .order-pro-record .list-group-title {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA
}

.order-edit-pro .order-pro-record .list-group-title thead th {
    font-size: 14px;
    color: #888;
    height: 14px;
    line-height: 14px;
    *line-height: 1.2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: center
}

.order-edit-pro .order-pro-record .list-group-item {
    margin: 0 -1px
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td {
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 10px 0
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-img {
    position: relative;
    width: 120px;
    border-right: 1px solid #FFF
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-img .p-img img {
    display: inline-block;
    width: 100px;
    height: 100px
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-img .p-tag {
    position: absolute;
    left: 0;
    top: 0
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info {
    text-align: left
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis:before,
.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis:after {
    display: none !important
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name {
    line-height: 21px;
    padding: 0 10px;
    *zoom: 1
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name:before,
.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name:after {
    content: "";
    display: table
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name:after {
    clear: both
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name a {
    color: #333
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name a:hover {
    color: #ca151e
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    padding: 0 7px;
    position: relative;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    float: left;
    top: 3px
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes {
    margin: 6px 0 6px 10px;
    border-radius: 2px
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes:hover {
    color: #fff
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes.disbaled {
    color: #9c9c9c;
    background: #fff;
    border: 1px solid #d1d1d1;
    width: 118px;
    height: 28px;
    line-height: 28px;
    cursor: not-allowed
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes.disbaled:hover {
    color: #9c9c9c;
    background: #fff
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide {
    padding: 0 10px;
    position: relative
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses {
    font-family: HYQiHei-EES;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    font-weight: 300;
    margin-top: 6px;
    display: inline-block;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses .not_Normal {
    white-space: nowrap
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses .p-name-glasses-note {
    color: black
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_down {
    position: absolute;
    bottom: 5px
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_down::after {
    content: "";
    width: 12px;
    height: 10px;
    display: inline-block;
    margin-left: 4px;
    background: url(../../images/echannel/icon/icon50.png) no-repeat;
    background-position: -4px -5px
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_up {
    position: absolute;
    bottom: 5px
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_up::after {
    content: "";
    width: 12px;
    height: 10px;
    display: inline-block;
    margin-left: 4px;
    background: url(../../images/echannel/icon/icon50.png) no-repeat;
    background-position: -4px -24px
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-state,
.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-quty,
.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-price,
.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pay {
    color: #AAA
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-state em,
.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-quty em,
.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-price em,
.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-pay em {
    margin-right: 3px
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-operate {
    border-right: #FFF
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-operate .p-button {
    padding: 5px 0
}

.order-edit-pro .order-pro-record .list-group-item .o-pro tbody td.col-operate .p-link {
    padding: 4px 0
}

.order-edit-pro .order-pro-record .list-group-item .o-pro .o-gift td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 14px 0
}

.order-edit-pro .order-pro-record .list-group-item .o-pro .o-gift td.col-gift {
    text-align: left;
    position: relative
}

.order-edit-pro .order-pro-record .list-group-item .o-pro .o-gift td.col-gift .d-name {
    line-height: 21px;
    padding-left: 131px
}

.order-edit-pro .order-pro-record .list-group-item .o-pro .o-gift td.col-gift .d-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    padding: 0 7px;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    float: left;
    position: relative;
    top: 3px
}

.order-edit-pro .order-pro-record .list-group-item .o-pro .o-gift td.col-gift .p-tag {
    position: absolute;
    top: 0;
    left: 0
}

.order-edit-pro .order-pro-record .list-group-item .o-deposit tbody tr.disabled {
    color: #AAA !important
}

.order-edit-pro .order-pro-record .list-group-item .o-deposit tbody tr td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 16.5px 0
}

.order-edit-pro .order-pro-record .list-group-item .o-deposit tbody tr td.col-deposit {
    text-align: left
}

.order-edit-pro .order-pro-record .list-group-item .o-deposit tbody tr td.col-deposit .d-name {
    line-height: 21px
}

.order-edit-pro .order-pro-record .list-group-item .o-deposit tbody tr td.col-price em,
.order-edit-pro .order-pro-record .list-group-item .o-deposit tbody tr td.col-pay em {
    margin-right: 3px
}

.order-edit-pro .order-pro-record .list-group-item .o-deposit tbody tr td.col-operate {
    border-right: #FFF
}

.order-edit-pro .order-pro-record .list-group-item .o-deposit tbody tr td.col-operate .p-button {
    padding: 5px 0
}

.order-edit-pro .order-pro-record .list-group-item .o-deposit tbody tr td.col-operate .p-link {
    padding: 4px 0
}

.order-edit-pro .order-pro-record .list-group-item .o-gift tbody tr td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 14px 0
}

.order-edit-pro .order-pro-record .list-group-item .o-gift tbody tr td.col-gift {
    text-align: left;
    position: relative
}

.order-edit-pro .order-pro-record .list-group-item .o-gift tbody tr td.col-gift .d-name {
    line-height: 21px;
    padding-left: 130px
}

.order-edit-pro .order-pro-record .list-group-item .o-gift tbody tr td.col-gift .d-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    display: inline-block;
    padding: 0 7px;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    position: relative;
    top: -1px
}

.order-edit-pro .order-pro-record .list-group-item .o-gift tbody tr td.col-gift .p-tag {
    position: absolute;
    top: 0;
    left: 0
}

.order-edit-pro .order-pro-record .list-group-item .o-gift tbody tr td.col-operate {
    border-right: #FFF
}

.order-edit-pro .order-pro-record .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.order-edit-pro .order-pro-record .list-group-empty a {
    color: #36c
}

.order-edit-pro .order-pro-record .list-group-empty a:hover {
    text-decoration: none;
    color: #ca151e
}

.order-edit-pro .order-pro-record .list-group-page {
    padding-top: 20px;
    text-align: right
}

.order-edit-pro .order-pro-record table .col-int {
    width: 90px
}

.order-edit-pro .order-pro-record table .col-price {
    width: 116px
}

.order-edit-pro .order-pro-record table .col-quty {
    width: 89px
}

.order-edit-pro .order-pro-record table .col-pay {
    width: 126px
}

.order-edit-pro .order-pro-record table .col-dely {
    width: 150px
}

.order-edit-pro .order-pro-record table .col-state {
    width: 150px
}

.order-edit-pro .order-pro-record table thead th.first {
    border-left: 1px solid #FAFAFA
}

.order-edit-pro .order-pro-record table thead th.end {
    border-right: 1px solid #FAFAFA
}

.order-edit-pro .order-pro-record table tbody td.col-pro,
.order-edit-pro .order-pro-record table tbody td.col-name {
    text-align: left
}

.order-edit-pro .order-pro-record table tbody td.col-pro a,
.order-edit-pro .order-pro-record table tbody td.col-name a {
    color: #333
}

.order-edit-pro .order-pro-record table tbody td.col-dely p {
    padding: 5px 0
}

.order-edit-pro .order-pro-record table tbody td.col-dely p .inputbox {
    cursor: pointer
}

.order-edit-pro .order-pro-record table tbody td.col-dely p .inputbox input {
    vertical-align: middle;
    margin-right: 10px
}

.order-edit-pro .order-pro-record table tbody td.col-dely p .inputbox span {
    vertical-align: middle;
    font-family: tahoma, "微软雅黑"
}

.order-edit-pro .order-pro-record table tbody td.col-dely p .inputbox em {
    margin-left: 10px;
    vertical-align: middle;
    font-family: tahoma, "微软雅黑"
}

.order-edit-pro .order-pro-record table tbody td.end {
    border-right: 1px solid #FFF !important
}

.order-edit-pro .order-gift-record {
    width: 100%;
    overflow: hidden;
    line-height: 21px
}

.order-edit-pro .order-gift-record table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.order-edit-pro .order-gift-record table a {
    color: #36c
}

.order-edit-pro .order-gift-record table a:hover {
    text-decoration: none;
    color: #ca151e
}

.order-edit-pro .order-gift-record table thead th {
    font-size: 14px;
    color: #888;
    height: 14px;
    line-height: 14px;
    *line-height: 1.2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: center
}

.order-edit-pro .order-gift-record table tbody td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    text-align: center;
    padding: 16px 0
}

.order-edit-pro .order-gift-record table tbody td.col-operate .p-button {
    padding: 5px 0
}

.order-edit-pro .order-gift-record table tbody td.col-operate .p-link {
    padding: 4px 0
}

.order-edit-pro .order-gift-record .list-group-header {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 20px
}

.order-edit-pro .order-gift-record .list-group-header:before,
.order-edit-pro .order-gift-record .list-group-header:after {
    content: "";
    display: table
}

.order-edit-pro .order-gift-record .list-group-header:after {
    clear: both
}

.order-edit-pro .order-gift-record .list-group-header h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.order-edit-pro .order-gift-record .list-group-header h3 span {
    font-size: 14px;
    color: #888
}

.order-edit-pro .order-gift-record .list-group-header h3 span em {
    color: #333
}

.order-edit-pro .order-gift-record .list-group-header .ec-tab a {
    padding-bottom: 13px
}

.order-edit-pro .order-gift-record .list-group-caption {
    *zoom: 1;
    padding-bottom: 10px;
    border-bottom: 1px solid #DEDEDE
}

.order-edit-pro .order-gift-record .list-group-caption:before,
.order-edit-pro .order-gift-record .list-group-caption:after {
    content: "";
    display: table
}

.order-edit-pro .order-gift-record .list-group-caption:after {
    clear: both
}

.order-edit-pro .order-gift-record .list-group-caption h3 {
    font-size: 16px
}

.order-edit-pro .order-gift-record .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.order-edit-pro .order-gift-record .list-group-caption h3 span em {
    color: #333
}

.order-edit-pro .order-gift-record .list-group-title {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA
}

.order-edit-pro .order-gift-record .list-group-item {
    margin: 0 -1px;
    border-bottom: 1px solid #f2f2f2
}

.order-edit-pro .order-gift-record .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.order-edit-pro .order-gift-record .list-group-page {
    padding-top: 20px;
    text-align: right
}

.order-edit-pro .order-gift-record .col-gift {
    padding-left: 55px;
    padding-right: 55px;
    position: relative;
    text-align: left
}

.order-edit-pro .order-gift-record .col-gift .g-name span {
    color: #888
}

.order-edit-pro .order-gift-record .col-gift .g-tag {
    position: absolute;
    left: 0;
    top: 0
}

.order-edit-pro .order-gift-record .col-quty {
    width: 332px
}

.order-edit-pro .order-pro-total {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE
}

.order-edit-pro .order-pro-total:before,
.order-edit-pro .order-pro-total:after {
    content: "";
    display: table
}

.order-edit-pro .order-pro-total:after {
    clear: both
}

.order-edit-pro .order-pro-total .order-pro-cost {
    font-size: 14px;
    padding: 12px 20px 12px 0;
    width: 920px;
    float: right
}

.order-edit-pro .order-pro-total .order-pro-cost .lightcolor {
    opacity: .6
}

.order-edit-pro .order-pro-total .order-pro-cost table {
    width: 100%
}

.order-edit-pro .order-pro-total .order-pro-cost table .font-red {
    color: #CF0A2C
}

.order-edit-pro .order-pro-total .order-pro-cost table .font-gray {
    color: #BBB
}

.order-edit-pro .order-pro-total .order-pro-cost table th,
.order-edit-pro .order-pro-total .order-pro-cost table td {
    text-align: right;
    padding: 5.5px 0
}

.order-edit-pro .order-pro-total .order-pro-cost table td {
    width: 100px;
    padding-left: 16px
}

.order-edit-pro .order-pro-total .order-pro-cost table td em {
    margin-right: 4px
}

.order-edit-pro .order-pro-total .order-pro-cost .tooltips {
    display: inline-block;
    position: relative;
    z-index: 411;
    vertical-align: middle;
    top: -2px;
    *top: 0
}

.order-edit-pro .order-pro-total .order-pro-cost .tooltips i {
    vertical-align: middle
}

.order-edit-pro .order-pro-total .order-pro-cost .tooltips .tooltips-panels {
    -webkit-transition: bottom .3s ease;
    transition: bottom .3s ease;
    visibility: hidden;
    *display: none;
    width: 180px;
    left: 50%;
    margin-left: -103px;
    position: absolute;
    bottom: 21px;
    border: 1px solid #D2D2D2;
    background-color: #FFF;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    padding: 8px 13px
}

.order-edit-pro .order-pro-total .order-pro-cost .tooltips .tooltips-panels s {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    position: absolute;
    left: 50%;
    bottom: -7px;
    background-position: -134px -16px;
    width: 11px;
    height: 7px;
    margin-left: -7px;
    font-size: 0;
    line-height: 0
}

.order-edit-pro .order-pro-total .order-pro-cost .tooltips:hover .tooltips-panels,
.order-edit-pro .order-pro-total .order-pro-cost .tooltips.hover .tooltips-panels {
    bottom: 26px;
    visibility: visible;
    *display: block
}

.order-edit-pro .order-pro-total .order-pro-cost .tooltips i {
    background: url("../../images/echannel/icon/icon40.png") scroll no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: 0 -104px;
    height: 17px
}

.order-edit-pro .order-pro-total .order-pro-cost .tooltips i span {
    visibility: hidden
}

.order-edit-pro .order-pro-total .order-pro-cost .cost-label {
    width: 60px;
    height: 19.2px;
    line-height: 19.2px;
    text-align: center;
    background: #f2f2f2;
    border-radius: 10px;
    font-size: 12px;
    display: inline-block;
    transform: scale(0.83, 0.83);
    -ms-transform: scale(0.83, 0.83);
    -moz-transform: scale(0.83, 0.83);
    -webkit-transform: scale(0.83, 0.83);
    -o-transform: scale(0.83, 0.83);
    position: relative;
    top: -1px
}

.order-edit-pro .order-pro-total .order-pro-cost .cost-detail {
    float: right;
    background: #fbfbfb;
    width: 267px;
    border-radius: 4px;
    position: relative
}

.order-edit-pro .order-pro-total .order-pro-cost .cost-detail:before {
    content: "";
    position: absolute;
    top: -5px;
    right: 22px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #F9F9F9
}

.order-edit-pro .order-pro-total .order-pro-cost .cost-detail li {
    line-height: 40px;
    border-bottom: 1px solid #eaeaea;
    *zoom: 1
}

.order-edit-pro .order-pro-total .order-pro-cost .cost-detail li:before,
.order-edit-pro .order-pro-total .order-pro-cost .cost-detail li:after {
    content: "";
    display: table
}

.order-edit-pro .order-pro-total .order-pro-cost .cost-detail li:after {
    clear: both
}

.order-edit-pro .order-pro-total .order-pro-cost .cost-detail li label {
    float: left;
    margin-left: 10px
}

.order-edit-pro .order-pro-total .order-pro-cost .cost-detail li label .cost-label {
    width: 70px;
    margin-left: 2px
}

.order-edit-pro .order-pro-total .order-pro-cost .cost-detail li .cost-detail-price {
    float: right;
    width: 100px;
    padding-left: 16px;
    padding-right: 8px
}

.order-edit-pro .order-pro-total .order-pro-cost .cost-detail li:last-child {
    border-bottom: 0
}

.order-edit-pro .order-pro-total .order-pro-cost-part {
    border-top: 1px solid #f2f2f2;
    width: 280px;
    float: right;
    height: 12px
}

.order-edit-pro .order-pro-total .order-pro-cost {
    border-bottom: 1px solid #DEDEDE
}

.order-edit-pro .order-pro-total .order-pro-cost-total {
    clear: both;
    font-size: 14px;
    text-align: right;
    padding: 12px 20px 12px 0
}

.order-edit-pro .order-pro-total .order-pro-cost-total em,
.order-edit-pro .order-pro-total .order-pro-cost-total span {
    font-size: 30px;
    color: #ca151e
}

.order-edit-pro .order-pro-total .order-pro-cost-total em {
    margin: 0 8px 0 2px
}

.order-edit-pro .tips-common {
    position: relative;
    top: 2px
}

.order-edit-pro .tips-common b:before {
    left: 15px
}

.order-edit-pro .tips-common .tips-common-detail {
    left: -21px
}

.order-edit-action {
    padding-top: 40px;
    text-align: right
}

.order-edit-action input,
.order-edit-action a {
    margin-left: 12px
}

.form-address-area {
    font-size: 14px
}

.form-address-area .form-edit-area .form-edit-table {
    padding-bottom: 26px
}

.form-address-area .form-edit-area th {
    padding-right: 5px;
    width: 80px
}

.form-address-area .form-edit-area td .ec_linkSelect {
    padding: 9.5px 0 9.5px 6px;
    width: 136px
}

.form-address-area .form-edit-area td .col-tel {
    width: 118px;
    line-height: 40px;
    text-align: center
}

.form-address-area .textarea {
    height: 60px;
    padding-top: 10px
}

.myHuaban-info {
    *zoom: 1;
    background-color: #F5F5F5;
    padding: 30px 0;
    font-size: 14px
}

.myHuaban-info:before,
.myHuaban-info:after {
    content: "";
    display: table
}

.myHuaban-info:after {
    clear: both
}

.myHuaban-info .myHuaban-point,
.myHuaban-info .myHuaban-redeem {
    float: left;
    width: 311px;
    height: 95px
}

.myHuaban-info .myHuaban-point dl,
.myHuaban-info .myHuaban-redeem dl {
    padding: 2px 0 0 30px
}

.myHuaban-info .myHuaban-point dl dt,
.myHuaban-info .myHuaban-redeem dl dt {
    margin-bottom: 18px
}

.myHuaban-info .myHuaban-point dl dd span,
.myHuaban-info .myHuaban-redeem dl dd span {
    color: #ca151e;
    font-size: 56px
}

.myHuaban-info .myHuaban-point dl dd em,
.myHuaban-info .myHuaban-redeem dl dd em {
    font-size: 24px;
    margin-left: 10px;
    position: relative;
    top: -5px
}

.myHuaban-info .myHuaban-point {
    border-right: 1px solid #DEDEDE
}

.myHuaban-info .myHuaban-check {
    float: right;
    width: 298px;
    height: 95px;
    text-align: center;
    border-left: 1px solid #DEDEDE
}

.myHuaban-info .myHuaban-check .h-text {
    color: #888;
    margin: 6px 0 21px
}

.myHuaban-info .myHuaban-check .h-text span {
    color: #333
}

.myHuaban-info .myHuaban-check .h-button a {
    width: 230px;
    height: 40px;
    line-height: 40px;
    font-size: 16px
}

.myGather-info {
    *zoom: 1;
    padding: 30px 0;
    font-size: 14px;
    background: #FAFAFA
}

.myGather-info:before,
.myGather-info:after {
    content: "";
    display: table
}

.myGather-info:after {
    clear: both
}

.myGather-info .myGather-point,
.myGather-info .myGather-redeem,
.myGather-info .myGather-timeout {
    float: left;
    width: 311px;
    height: 95px
}

.myGather-info .myGather-point dl,
.myGather-info .myGather-redeem dl,
.myGather-info .myGather-timeout dl {
    padding: 2px 0 0 30px
}

.myGather-info .myGather-point dl dt,
.myGather-info .myGather-redeem dl dt,
.myGather-info .myGather-timeout dl dt {
    margin-bottom: 18px
}

.myGather-info .myGather-point dl dd span,
.myGather-info .myGather-redeem dl dd span,
.myGather-info .myGather-timeout dl dd span {
    color: #ca151e;
    font-size: 56px
}

.myGather-info .myGather-point dl dd em,
.myGather-info .myGather-redeem dl dd em,
.myGather-info .myGather-timeout dl dd em {
    font-size: 24px;
    margin-left: 10px;
    position: relative;
    top: -5px
}

.myGather-info .myGather-point {
    border-right: 1px solid #DFDFDF
}

.myGather-info .myGather-timeout {
    border-left: 1px solid #DFDFDF
}

.myGather-info .myGather-timeout dt span {
    color: #CA151E
}

.myHuaban-record {
    width: 100%;
    overflow: hidden
}

.myHuaban-record table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.myHuaban-record table a {
    color: #36c
}

.myHuaban-record table a:hover {
    text-decoration: none;
    color: #ca151e
}

.myHuaban-record table thead th {
    font-size: 14px;
    color: #888;
    height: 14px;
    line-height: 14px;
    *line-height: 1.2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: center
}

.myHuaban-record table tbody td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    text-align: center;
    padding: 16px 0
}

.myHuaban-record table tbody td.col-operate .p-button {
    padding: 5px 0
}

.myHuaban-record table tbody td.col-operate .p-link {
    padding: 4px 0
}

.myHuaban-record .list-group-header {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 20px
}

.myHuaban-record .list-group-header:before,
.myHuaban-record .list-group-header:after {
    content: "";
    display: table
}

.myHuaban-record .list-group-header:after {
    clear: both
}

.myHuaban-record .list-group-header h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.myHuaban-record .list-group-header h3 span {
    font-size: 14px;
    color: #888
}

.myHuaban-record .list-group-header h3 span em {
    color: #333
}

.myHuaban-record .list-group-header .ec-tab a {
    padding-bottom: 13px
}

.myHuaban-record .list-group-caption {
    *zoom: 1;
    padding-bottom: 10px;
    border-bottom: 1px solid #DEDEDE
}

.myHuaban-record .list-group-caption:before,
.myHuaban-record .list-group-caption:after {
    content: "";
    display: table
}

.myHuaban-record .list-group-caption:after {
    clear: both
}

.myHuaban-record .list-group-caption h3 {
    font-size: 16px
}

.myHuaban-record .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.myHuaban-record .list-group-caption h3 span em {
    color: #333
}

.myHuaban-record .list-group-title {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA
}

.myHuaban-record .list-group-item {
    margin: 0 -1px;
    border-bottom: 1px solid #f2f2f2
}

.myHuaban-record .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.myHuaban-record .list-group-page {
    padding-top: 20px;
    text-align: right
}

.myHuaban-record table {
    table-layout: fixed
}

.myHuaban-record table td.col-huaban span {
    color: #ca151e
}

.myHuaban-record table td.col-huaban em {
    color: #06BD04
}

.myHuaban-makeWay a {
    color: #36c
}

.myHuaban-makeWay a:hover {
    text-decoration: none
}

.myHuaban-makeWay .h {
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 10px;
    padding-left: 2px
}

.myHuaban-makeWay .h h3 {
    font-size: 16px
}

.myHuaban-makeWay .h h3 b {
    font-size: 14px;
    font-weight: 400;
    color: #36c;
    margin-left: 6px
}

.myHuaban-makeWay .b {
    font-size: 14px
}

.myHuaban-makeWay .b table {
    width: 100%
}

.myHuaban-makeWay .b table td {
    padding: 20px 0;
    border-bottom: 1px solid #DEDEDE
}

.myHuaban-makeWay .b table td.col-img {
    width: 162px
}

.myHuaban-makeWay .b table td.col-img span {
    display: block;
    width: 162px;
    height: 80px
}

.myHuaban-makeWay .b table td.col-img span.myHuaban-makeWay-check {
    background-position: 0 0
}

.myHuaban-makeWay .b table td.col-img span.myHuaban-makeWay-club {
    background-position: 0 -90px
}

.myHuaban-makeWay .b table td.col-info {
    padding: 0 20px;
    line-height: 21px
}

.myHuaban-makeWay .b table td.col-info dd {
    color: #888
}

.myRes-record {
    width: 100%
}

.myRes-record table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.myRes-record table a:hover {
    text-decoration: none;
    color: #ca151e
}

.myRes-record .list-group-caption {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE
}

.myRes-record .list-group-caption:before,
.myRes-record .list-group-caption:after {
    content: "";
    display: table
}

.myRes-record .list-group-caption:after {
    clear: both
}

.myRes-record .list-group-caption h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.myRes-record .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.myRes-record .list-group-caption h3 span em {
    color: #333
}

.myRes-record .list-group-caption h3 i {
    background: url("../../images/echannel/icon/icon40.png") scroll no-repeat;
    background-position: -1px -207px
}

.myRes-record .list-group-caption h3 i:hover+.tips-area {
    display: block
}

.myRes-record .list-group-caption h3 .tips-text {
    width: 276px;
    margin-right: -140px
}

.myRes-record .list-group-title {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA
}

.myRes-record .list-group-title thead th {
    font-size: 14px;
    color: #888;
    height: 14px;
    line-height: 14px;
    *line-height: 1.2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: center
}

.myRes-record .list-group-item {
    margin: 0 -1px
}

.myRes-record .list-group-item .o-pro tbody td {
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 10px 0
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-img {
    position: relative;
    width: 120px;
    border-right: 1px solid #FFF
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-img .p-img img {
    display: inline-block;
    width: 100px;
    height: 100px
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-img .p-tag {
    position: absolute;
    left: 0;
    top: 0
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-info {
    text-align: left
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis:before,
.myRes-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis:after {
    display: none !important
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-info .p-name {
    line-height: 21px;
    padding: 0 10px;
    *zoom: 1
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-info .p-name:before,
.myRes-record .list-group-item .o-pro tbody td.col-pro-info .p-name:after {
    content: "";
    display: table
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-info .p-name:after {
    clear: both
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-info .p-name a {
    color: #333
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-info .p-name a:hover {
    color: #ca151e
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-info .p-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    padding: 0 7px;
    position: relative;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    float: left;
    top: 3px
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes {
    margin: 6px 0 6px 10px;
    border-radius: 2px
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes:hover {
    color: #fff
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes.disbaled {
    color: #9c9c9c;
    background: #fff;
    border: 1px solid #d1d1d1;
    width: 118px;
    height: 28px;
    line-height: 28px;
    cursor: not-allowed
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes.disbaled:hover {
    color: #9c9c9c;
    background: #fff
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide {
    padding: 0 10px;
    position: relative
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses {
    font-family: HYQiHei-EES;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    font-weight: 300;
    margin-top: 6px;
    display: inline-block;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses .not_Normal {
    white-space: nowrap
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses .p-name-glasses-note {
    color: black
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_down {
    position: absolute;
    bottom: 5px
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_down::after {
    content: "";
    width: 12px;
    height: 10px;
    display: inline-block;
    margin-left: 4px;
    background: url(../../images/echannel/icon/icon50.png) no-repeat;
    background-position: -4px -5px
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_up {
    position: absolute;
    bottom: 5px
}

.myRes-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_up::after {
    content: "";
    width: 12px;
    height: 10px;
    display: inline-block;
    margin-left: 4px;
    background: url(../../images/echannel/icon/icon50.png) no-repeat;
    background-position: -4px -24px
}

.myRes-record .list-group-item .o-pro tbody td.col-state,
.myRes-record .list-group-item .o-pro tbody td.col-quty,
.myRes-record .list-group-item .o-pro tbody td.col-price,
.myRes-record .list-group-item .o-pro tbody td.col-pay {
    color: #AAA
}

.myRes-record .list-group-item .o-pro tbody td.col-state em,
.myRes-record .list-group-item .o-pro tbody td.col-quty em,
.myRes-record .list-group-item .o-pro tbody td.col-price em,
.myRes-record .list-group-item .o-pro tbody td.col-pay em {
    margin-right: 3px
}

.myRes-record .list-group-item .o-pro tbody td.col-operate {
    border-right: #FFF
}

.myRes-record .list-group-item .o-pro tbody td.col-operate .p-button {
    padding: 5px 0
}

.myRes-record .list-group-item .o-pro tbody td.col-operate .p-link {
    padding: 4px 0
}

.myRes-record .list-group-item .o-pro .o-gift td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 14px 0
}

.myRes-record .list-group-item .o-pro .o-gift td.col-gift {
    text-align: left;
    position: relative
}

.myRes-record .list-group-item .o-pro .o-gift td.col-gift .d-name {
    line-height: 21px;
    padding-left: 131px
}

.myRes-record .list-group-item .o-pro .o-gift td.col-gift .d-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    padding: 0 7px;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    float: left;
    position: relative;
    top: 3px
}

.myRes-record .list-group-item .o-pro .o-gift td.col-gift .p-tag {
    position: absolute;
    top: 0;
    left: 0
}

.myRes-record .list-group-item .o-deposit tbody tr.disabled {
    color: #AAA !important
}

.myRes-record .list-group-item .o-deposit tbody tr td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 16.5px 0
}

.myRes-record .list-group-item .o-deposit tbody tr td.col-deposit {
    text-align: left
}

.myRes-record .list-group-item .o-deposit tbody tr td.col-deposit .d-name {
    line-height: 21px
}

.myRes-record .list-group-item .o-deposit tbody tr td.col-price em,
.myRes-record .list-group-item .o-deposit tbody tr td.col-pay em {
    margin-right: 3px
}

.myRes-record .list-group-item .o-deposit tbody tr td.col-operate {
    border-right: #FFF
}

.myRes-record .list-group-item .o-deposit tbody tr td.col-operate .p-button {
    padding: 5px 0
}

.myRes-record .list-group-item .o-deposit tbody tr td.col-operate .p-link {
    padding: 4px 0
}

.myRes-record .list-group-item .o-gift tbody tr td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 14px 0
}

.myRes-record .list-group-item .o-gift tbody tr td.col-gift {
    text-align: left;
    position: relative
}

.myRes-record .list-group-item .o-gift tbody tr td.col-gift .d-name {
    line-height: 21px;
    padding-left: 130px
}

.myRes-record .list-group-item .o-gift tbody tr td.col-gift .d-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    display: inline-block;
    padding: 0 7px;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    position: relative;
    top: -1px
}

.myRes-record .list-group-item .o-gift tbody tr td.col-gift .p-tag {
    position: absolute;
    top: 0;
    left: 0
}

.myRes-record .list-group-item .o-gift tbody tr td.col-operate {
    border-right: #FFF
}

.myRes-record .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.myRes-record .list-group-empty a {
    color: #36c
}

.myRes-record .list-group-empty a:hover {
    text-decoration: none;
    color: #ca151e
}

.myRes-record .list-group-page {
    padding-top: 20px;
    text-align: right
}

.myRes-record .col-date-res,
.myRes-record .col-date-buy {
    width: 118px
}

.myRes-record .col-operate {
    width: 180px
}

.exch-apply-sendback .h,
.exch-apply-progress .h,
.exchange-apply-articles .h,
.exchange-apply-address .h,
.exch-apply-detail .h {
    border-bottom: 1px solid #DEDEDE
}

.exch-apply-sendback .h h3,
.exch-apply-progress .h h3,
.exchange-apply-articles .h h3,
.exchange-apply-address .h h3,
.exch-apply-detail .h h3 {
    padding-left: 2px;
    font-size: 16px;
    padding-bottom: 10px
}

.exch-apply-sendback .h h3 span,
.exch-apply-progress .h h3 span,
.exchange-apply-articles .h h3 span,
.exchange-apply-address .h h3 span,
.exch-apply-detail .h h3 span {
    font-size: 14px;
    color: #888
}

.exch-apply-sendback .b,
.exch-apply-progress .b,
.exchange-apply-articles .b,
.exchange-apply-address .b,
.exch-apply-detail .b {
    padding-top: 10px
}

.exch-apply-sendback .b em,
.exch-apply-progress .b em,
.exchange-apply-articles .b em,
.exchange-apply-address .b em,
.exch-apply-detail .b em {
    color: #ca151e
}

.exch-apply-sendback .b b,
.exch-apply-progress .b b,
.exchange-apply-articles .b b,
.exchange-apply-address .b b,
.exch-apply-detail .b b {
    font-weight: 400;
    color: #06BD04
}

.exch-apply-sendback .b a:hover,
.exch-apply-progress .b a:hover,
.exchange-apply-articles .b a:hover,
.exchange-apply-address .b a:hover,
.exch-apply-detail .b a:hover {
    text-decoration: none;
    color: #ca151e
}

.exch-apply-sendback .b .form-info-panels th,
.exch-apply-progress .b .form-info-panels th,
.exchange-apply-articles .b .form-info-panels th,
.exchange-apply-address .b .form-info-panels th,
.exch-apply-detail .b .form-info-panels th {
    width: 120px;
    color: #333
}

.exch-apply-sendback .b .form-info-panels dd,
.exch-apply-progress .b .form-info-panels dd,
.exchange-apply-articles .b .form-info-panels dd,
.exchange-apply-address .b .form-info-panels dd,
.exch-apply-detail .b .form-info-panels dd {
    color: #888
}

.exch-apply-sendback .b .form-info-panels dd em,
.exch-apply-progress .b .form-info-panels dd em,
.exchange-apply-articles .b .form-info-panels dd em,
.exchange-apply-address .b .form-info-panels dd em,
.exch-apply-detail .b .form-info-panels dd em {
    margin-right: 6px;
    color: #ca151e
}

.exch-apply-detail .b .form-info-panels th {
    width: 126px
}

.exch-apply-detail a.btn-rewrite {
    width: 158px;
    height: 28px;
    line-height: 28px;
    margin-left: 90px;
    position: absolute;
    top: -1px
}

.exch-apply-detail a.btn-rewrite:hover {
    color: #fff
}

.exch-apply-progress-rewrite {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #dedede
}

.exch-apply {
    padding-left: 15px
}

.exch-apply .exch-apply-tab {
    margin: 20px 0
}

.exch-apply .exch-apply-tab a {
    position: relative
}

.exch-apply .exch-apply-tab a span {
    display: none
}

.exch-apply .exch-apply-tab a.current span {
    display: block;
    position: absolute;
    width: 30px;
    height: 16px;
    line-height: 16px;
    background: #ca141d;
    color: #fff;
    border-radius: 2px;
    top: 0;
    left: 0;
    font-size: 12px;
    text-align: center
}

.exch-apply .exch-apply-info {
    line-height: 19px;
    font-size: 14px;
    margin-bottom: 20px
}

.exch-apply .exch-apply-info .gray {
    color: #666;
    margin-top: 4px
}

.exch-apply .form-info-pickup ul li th {
    width: 85px !important
}

.exch-apply .form-info-panels ul li th {
    color: #717171;
    text-align: left
}

.exch-apply .form-info-panels ul li th .required {
    position: relative;
    top: 2px;
    color: #ca141d
}

.exch-apply .form-info-panels ul li td .text {
    vertical-align: middle;
    margin-right: 10px;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease;
    border: 1px solid #999;
    padding: 8px 12px;
    border-radius: 2px
}

.exch-apply .form-time-detail {
    border-color: #999
}

.exch-apply .form-time .text:focus {
    border-color: #999 !important
}

.exch-apply .form-address {
    border-color: #999;
    border-radius: 2px
}

.exch-apply .form-address.selected {
    border-color: #ca141d
}

.exch-apply .btn-address-info {
    top: 1px;
    left: 2px
}

.exch-apply-progress .b {
    padding-top: 10px
}

.exch-apply-progress .b .form-info-progress {
    padding: 20px 0 40px
}

.exch-apply-progress .b .form-info-progress th {
    padding: 0 30px;
    font-size: 16px;
    color: #333;
    width: auto
}

.exch-apply-progress .b .form-info-progress th p {
    padding-bottom: 10px
}

.exch-apply-progress .b .form-info-progress th p span {
    color: #ca151e
}

.exch-apply-progress .b .form-info-progress th p em {
    color: #888;
    font-size: 14px
}

.exch-apply-progress .b .form-info-progress th p em.refund-info {
    margin-left: 22px
}

.exch-apply-progress .b .form-info-progress th p a {
    color: #36c;
    font-size: 14px
}

.exch-apply-progress .b .form-info-progress th p a.check-order {
    margin-left: 22px
}

.exch-apply-progress .b .form-info-panels ul li {
    padding: 15px 0 10px
}

.exch-apply-progress .b .form-info-panels ul li h3 {
    font-size: 16px;
    padding-left: 17px;
    padding-bottom: 20px
}

.exch-apply-progress .b .form-info-panels ul li th,
.exch-apply-progress .b .form-info-panels ul li td {
    display: table-cell;
    vertical-align: top
}

.exch-apply-progress .b .form-info-panels ul li th {
    color: #333;
    width: 120px
}

.exch-apply-progress .b .form-info-panels ul li th .required {
    color: #ca151e;
    font-family: \5B8B\4F53;
    margin-right: 2px
}

.exch-apply-progress .b .form-info-panels ul li td {
    color: #888
}

.exch-apply-progress .b .form-info-panels ul li td .text {
    vertical-align: middle;
    margin-right: 10px;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease;
    border: 1px solid #DEDEDE;
    padding: 8px 12px;
    line-height: 21px
}

.exch-apply-progress .b .form-info-panels ul li td .text::-webkit-input-placeholder {
    color: #ccc
}

.exch-apply-progress .b .form-info-panels ul li td .text:-moz-placeholder {
    color: #ccc
}

.exch-apply-progress .b .form-info-panels ul li td .text::-moz-placeholder {
    color: #bbb
}

.exch-apply-progress .b .form-info-panels ul li td .text:-ms-input-placeholder {
    color: #ccc
}

.exch-apply-progress .b .form-info-panels ul li td .text:focus {
    border-color: #888
}

.exch-apply-progress .b .form-info-panels ul li td .text[disabled] {
    background-color: #e8e8e8;
    color: #bbb
}

.exch-apply-progress .b .form-info-panels ul li button {
    width: 180px;
    height: 40px;
    font-size: 16px;
    margin-top: 28px;
    margin-left: 129px
}

.exch-apply-progress .b .form-info-shopping {
    font-size: 12px;
    padding: 0;
    padding-top: 5px
}

.exch-apply-progress .b .form-info-shopping ul li {
    padding: 0
}

.exch-apply-progress .b .form-info-shopping ul li th {
    width: 60px;
    padding: 3px 0;
    text-align: left
}

.exch-apply-progress .b .form-info-shopping ul li td {
    color: #333;
    padding: 3px 0
}

.exch-apply-progress .b .form-info-shopping ul li .base-gray {
    color: #a4a4a4
}

.exch-apply-progress .b .form-info-shopping ul li p {
    color: #a4a4a4;
    line-height: 18px;
    margin-top: 4px
}

.exch-apply-progress .b .form-info-shopping ul li button {
    margin-left: 0
}

.exch-apply-tips {
    font-size: 14px;
    width: 750px;
    line-height: 1.4
}

.exch-apply-tips h3 {
    font-size: 16px;
    margin-bottom: 8px
}

.exch-apply-tips div {
    padding-left: 30px
}

.exch-apply-tab {
    margin: 15px 0 17px 0
}

.exch-apply-tab a {
    float: left;
    margin-right: 15px;
    width: 136px;
    height: 38px;
    line-height: 38px;
    border-radius: 2px;
    border: 1px solid #3a3a3a;
    font-size: 14px;
    text-align: center
}

.exch-apply-tab a:hover {
    color: #3a3a3a !important
}

.exch-apply-tab a.current {
    color: #ca141d !important;
    border-color: #ca141d
}

.exch-tips {
    color: #333;
    margin-bottom: 10px
}

.exch-tips:before {
    content: "";
    width: 16px;
    height: 16px;
    background: url("../../images/echannel/icon/icon-tips09.png") no-repeat;
    background-size: 100%;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 8px
}

.exch-tips-1 {
    color: #666;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 3px
}

.exch-tips-1 h4 {
    color: #333;
    margin-bottom: 10px
}

.exch-tips-1 p {
    margin-bottom: 10px
}

.exch-tips-1 p span {
    color: #ca141d;
    margin-left: 4px
}

.exch-tips-1 p span em {
    margin-right: 3px
}

.exch-apply-progress .b .form-info-panels .exch-tips {
    font-size: 12px;
    color: #A4A4A4;
    margin-top: 10px
}

.exch-apply .exch-tips {
    font-size: 14px
}

.form-info-input th {
    vertical-align: top !important;
    line-height: 38px
}

.form-info-input td {
    vertical-align: top !important
}

.form-info-input th,
.form-info-input td {
    padding: 0
}

.form-info-input td {
    height: 60px
}

.form-info-input td .text {
    line-height: 20px !important;
    width: 274px
}

.form-info-input .report-errors {
    margin-top: 3px
}

.form-info-input .label-error {
    color: #ca141d;
    line-height: 1;
    font-size: 12px;
    background: url("../../images/echannel/icon/icon-tips01.png") no-repeat;
    padding-left: 17px;
    margin-top: 3px;
    display: block
}

.form-info-input td.form-info-address .form-address.selected {
    top: 0
}

.form-info-input button {
    margin-top: 10px !important;
    margin-left: 120px !important
}

.form-info-pickup ul li th {
    width: 80px !important
}

.form-info-pickup table {
    margin-top: 7px
}

.form-info-pickup ul li button {
    margin-top: 28px !important;
    margin-left: 0 !important
}

.btn-address-info {
    width: 136px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    border: 1px solid #3A3A3A;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    left: -2px
}

.btn-address-info:hover {
    color: #3A3A3A !important
}

.exch-apply-suppl {
    width: 100%;
    overflow: hidden
}

.exch-apply-suppl table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.exch-apply-suppl table a {
    color: #36c
}

.exch-apply-suppl table a:hover {
    text-decoration: none;
    color: #ca151e
}

.exch-apply-suppl table thead th {
    font-size: 14px;
    color: #888;
    height: 14px;
    line-height: 14px;
    *line-height: 1.2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: center
}

.exch-apply-suppl table tbody td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    text-align: center;
    padding: 16px 0
}

.exch-apply-suppl table tbody td.col-operate .p-button {
    padding: 5px 0
}

.exch-apply-suppl table tbody td.col-operate .p-link {
    padding: 4px 0
}

.exch-apply-suppl .list-group-header {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 20px
}

.exch-apply-suppl .list-group-header:before,
.exch-apply-suppl .list-group-header:after {
    content: "";
    display: table
}

.exch-apply-suppl .list-group-header:after {
    clear: both
}

.exch-apply-suppl .list-group-header h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.exch-apply-suppl .list-group-header h3 span {
    font-size: 14px;
    color: #888
}

.exch-apply-suppl .list-group-header h3 span em {
    color: #333
}

.exch-apply-suppl .list-group-header .ec-tab a {
    padding-bottom: 13px
}

.exch-apply-suppl .list-group-caption {
    *zoom: 1;
    padding-bottom: 10px;
    border-bottom: 1px solid #DEDEDE
}

.exch-apply-suppl .list-group-caption:before,
.exch-apply-suppl .list-group-caption:after {
    content: "";
    display: table
}

.exch-apply-suppl .list-group-caption:after {
    clear: both
}

.exch-apply-suppl .list-group-caption h3 {
    font-size: 16px
}

.exch-apply-suppl .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.exch-apply-suppl .list-group-caption h3 span em {
    color: #333
}

.exch-apply-suppl .list-group-title {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA
}

.exch-apply-suppl .list-group-item {
    margin: 0 -1px;
    border-bottom: 1px solid #f2f2f2
}

.exch-apply-suppl .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.exch-apply-suppl .list-group-page {
    padding-top: 20px;
    text-align: right
}

.exch-apply-suppl .col-operate {
    width: 47px
}

.exch-apply-suppl .col-operate p {
    text-align: center;
    height: 16px;
    padding: 3px 0;
    overflow: hidden;
    width: 50px
}

.exch-apply-suppl .col-operate p .del {
    background: url("../../images/echannel/icon/icon40.png") scroll no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: 0 -26px
}

.exch-apply-suppl .col-operate p .del span {
    visibility: hidden
}

.exch-apply-suppl .col-operate p .del span {
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
    opacity: 0
}

.exch-apply-suppl .col-operate p .del:hover {
    background-image: none;
    width: auto
}

.exch-apply-suppl .col-operate p .del:hover span {
    visibility: visible;
    opacity: 1
}

.exch-apply-suppl .col-img {
    padding: 0 15px;
    text-align: left
}

.exch-apply-suppl .col-img a {
    color: #333
}

.exch-apply-suppl .col-img a:hover {
    color: #ca151e
}

.exch-apply-suppl .list-group-header {
    margin-bottom: 0
}

.exch-apply-suppl .list-group-header h3 {
    margin-right: 6px
}

.exch-apply-suppl .list-group-header .link-filebox {
    color: #36c;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px
}

.exch-apply-suppl .tips {
    font-size: 14px;
    color: #ca151e;
    padding: 8px 0 0 15px;
    line-height: 21px
}

.exch-apply-suppl .tips em {
    color: #888
}

.exch-apply-suppl-action {
    text-align: right;
    padding-top: 35px
}

.exch-apply-suppl-action input,
.exch-apply-suppl-action a {
    margin-left: 15px
}

.myVip-lever-tips {
    text-align: right;
    font-size: 14px;
    padding-top: 18px
}

.myVip-lever-tips a {
    color: #36c
}

.myVip-lever-tips a:hover {
    text-decoration: none
}

.my-medal {
    width: 78px;
    height: 26px;
    float: right;
    margin-top: 10px
}

.my-medal img {
    width: 100%;
    height: 100%;
    vertical-align: top
}

.myVip-state {
    *zoom: 1;
    font-size: 14px;
    height: 175px;
    background-color: #FAFAFA
}

.myVip-state:before,
.myVip-state:after {
    content: "";
    display: table
}

.myVip-state:after {
    clear: both
}

.myVip-state .state-level {
    float: left;
    width: 177px;
    height: 175px;
    background-position: 0 0;
    overflow: hidden
}

.myVip-state .state-level a,
.myVip-state .state-level span {
    display: block;
    height: 175px;
    line-height: 175px;
    text-align: center;
    color: #FFF
}

.myVip-state .state-level a {
    font-size: 24px
}

.myVip-state .state-level a:hover {
    text-decoration: none
}

.myVip-state .state-level span {
    font-size: 88px
}

.myVip-state .state-exp {
    padding-left: 177px
}

.myVip-state .state-exp .exp-total {
    color: #333;
    padding: 48px 0;
    text-align: center
}

.myVip-state .state-exp .exp-total b {
    color: #DEDEDE;
    font-size: 12px;
    font-weight: 400;
    margin: 0 10px;
    vertical-align: top
}

.myVip-state .state-exp .exp-total span {
    color: #ca151e
}

.myVip-state .state-exp .exp-progress {
    *zoom: 1;
    width: 676px;
    margin: 0 auto
}

.myVip-state .state-exp .exp-progress:before,
.myVip-state .state-exp .exp-progress:after {
    content: "";
    display: table
}

.myVip-state .state-exp .exp-progress:after {
    clear: both
}

.myVip-state .state-exp .exp-progress ol {
    width: 792px;
    margin-right: -116px
}

.myVip-state .state-exp .exp-progress ol li {
    float: left;
    width: 102px;
    padding: 0 8px 0 22px;
    position: relative
}

.myVip-state .state-exp .exp-progress ol li .s-exp {
    background-color: #dedede;
    height: 1px;
    overflow: hidden
}

.myVip-state .state-exp .exp-progress ol li .s-exp span {
    -webkit-transition: width .3s ease;
    transition: width .3s ease;
    background-color: #777;
    display: block;
    height: 1px
}

.myVip-state .state-exp .exp-progress ol li .s-tag {
    left: 0;
    margin-left: -18px;
    position: absolute;
    text-align: center;
    top: -7px;
    width: 50px;
    text-decoration: none
}

.myVip-state .state-exp .exp-progress ol li .s-tag i {
    background: url("../../images/echannel/icon/icon35.png") scroll no-repeat;
    display: inline-block;
    width: 20px;
    height: 16px
}

.myVip-state .state-exp .exp-progress ol li .s-tag i span {
    visibility: hidden
}

.myVip-state .state-exp .exp-progress ol li .s-tag i.level-0 {
    background-position: 0 0
}

.myVip-state .state-exp .exp-progress ol li .s-tag i.level-1 {
    background-position: -26px 0
}

.myVip-state .state-exp .exp-progress ol li .s-tag i.level-2 {
    background-position: -52px 0
}

.myVip-state .state-exp .exp-progress ol li .s-tag i.level-3 {
    background-position: -78px 0
}

.myVip-state .state-exp .exp-progress ol li .s-tag i.level-4 {
    background-position: -104px 0
}

.myVip-state .state-exp .exp-progress ol li .s-tag i.level-5 {
    background-position: -130px 0
}

.myVip-state .state-exp .exp-progress ol li .s-tag em {
    padding-top: 9px;
    color: #333;
    display: block
}

.myPle-state .myPle-banner {
    margin-bottom: 44px
}

.myPle-state .myPle-banner img {
    height: 120px;
    width: 940px
}

.myPle-state .h {
    border-bottom: 1px solid #DEDEDE
}

.myPle-state .h h3 {
    font-size: 16px;
    padding-bottom: 16px
}

.myPle-state .h h3 span {
    font-size: 16px;
    color: #888
}

.myPle-state .b {
    *zoom: 1;
    padding: 4px 0
}

.myPle-state .b:before,
.myPle-state .b:after {
    content: "";
    display: table
}

.myPle-state .b:after {
    clear: both
}

.myPle-state .b li {
    float: left;
    padding: 20px;
    width: 148px;
    height: 150px;
    text-align: center;
    color: #888
}

.myPle-state .b li .p-img img {
    display: inline-block;
    width: 90px;
    height: 90px;
    vertical-align: top
}

.myPle-state .b li .p-title {
    font-size: 14px;
    padding-top: 18px
}

.myPle-state .b li .p-tips {
    color: #888;
    padding-top: 4px
}

.myVip-exp-record {
    width: 100%;
    overflow: hidden;
    overflow: visible
}

.myVip-exp-record table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.myVip-exp-record table a {
    color: #36c
}

.myVip-exp-record table a:hover {
    text-decoration: none;
    color: #ca151e
}

.myVip-exp-record table thead th {
    font-size: 14px;
    color: #888;
    height: 14px;
    line-height: 14px;
    *line-height: 1.2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: center
}

.myVip-exp-record table tbody td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    text-align: center;
    padding: 16px 0
}

.myVip-exp-record table tbody td.col-operate .p-button {
    padding: 5px 0
}

.myVip-exp-record table tbody td.col-operate .p-link {
    padding: 4px 0
}

.myVip-exp-record .list-group-header {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 20px
}

.myVip-exp-record .list-group-header:before,
.myVip-exp-record .list-group-header:after {
    content: "";
    display: table
}

.myVip-exp-record .list-group-header:after {
    clear: both
}

.myVip-exp-record .list-group-header h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.myVip-exp-record .list-group-header h3 span {
    font-size: 14px;
    color: #888
}

.myVip-exp-record .list-group-header h3 span em {
    color: #333
}

.myVip-exp-record .list-group-header .ec-tab a {
    padding-bottom: 13px
}

.myVip-exp-record .list-group-caption {
    *zoom: 1;
    padding-bottom: 10px;
    border-bottom: 1px solid #DEDEDE
}

.myVip-exp-record .list-group-caption:before,
.myVip-exp-record .list-group-caption:after {
    content: "";
    display: table
}

.myVip-exp-record .list-group-caption:after {
    clear: both
}

.myVip-exp-record .list-group-caption h3 {
    font-size: 16px
}

.myVip-exp-record .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.myVip-exp-record .list-group-caption h3 span em {
    color: #333
}

.myVip-exp-record .list-group-title {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA
}

.myVip-exp-record .list-group-item {
    margin: 0 -1px;
    border-bottom: 1px solid #f2f2f2
}

.myVip-exp-record .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.myVip-exp-record .list-group-page {
    padding-top: 20px;
    text-align: right
}

.myVip-exp-record .col-date {
    width: 286px
}

.myVip-exp-record .col-date span {
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 16px;
    background: url("../../images/echannel/icon/icon35.png") scroll no-repeat
}

.myVip-exp-record .col-date span.vip-lvlups-no {
    background-color: #ca141c;
    width: 50px;
    color: #fff;
    background-image: none;
    line-height: 16px;
    text-align: center;
    font-size: 14px
}

.myVip-exp-record .col-date span.vip-lvlups-0 {
    background-position: 0 0
}

.myVip-exp-record .col-date span.vip-lvlups-1 {
    background-position: -26px 0
}

.myVip-exp-record .col-date span.vip-lvlups-2 {
    background-position: -52px 0
}

.myVip-exp-record .col-date span.vip-lvlups-3 {
    background-position: -78px 0
}

.myVip-exp-record .col-date span.vip-lvlups-4 {
    background-position: -104px 0
}

.myVip-exp-record .col-date span.vip-lvlups-5 {
    background-position: -130px 0
}

.myVip-exp-record .col-exp {
    width: 308px
}

.myVip-exp-record .col-exp span {
    color: #ca141d
}

.myVip-exp-record .col-exp em {
    color: #06BD04
}

.myVip-exp-record .col-soure-num {
    color: #888
}

.myVip-exp-record .tips {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 22px
}

.myVip-exp-question {
    top: 2px;
    margin-left: 6px;
    display: inline-block;
    position: relative
}

.myVip-exp-question em {
    width: 14px;
    height: 14px;
    display: inline-block;
    position: relative
}

.myVip-exp-question em:before {
    content: "";
    width: 14px;
    height: 14px;
    display: block;
    cursor: pointer;
    background: url("../../images/echannel/icon/icon-order.png") no-repeat;
    background-position: -31px -84px
}

.myVip-exp-question b {
    width: 172px;
    text-align: left;
    padding: 8px;
    padding-top: 14px;
    top: 14px;
    z-index: 10;
    background: #fff;
    position: absolute;
    right: -21px;
    display: none
}

.myVip-exp-question b:before {
    background: url("../../images/echannel/icon/icon-order.png") no-repeat;
    background-position: -24px -158px;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    width: 21px;
    top: 5px;
    right: 18px
}

.myVip-exp-question b span.num {
    background: #fff;
    border: 1px solid #d6d6d6;
    box-shadow: 0 2px 5px rgba(100, 100, 100, 0.2);
    font-size: 12px;
    line-height: 1.4;
    font-weight: normal;
    width: 154px;
    padding: 8px;
    color: #3A3A3A;
    display: block;
    word-wrap: break-word;
    word-break: break-all
}

.myVip-exp-question.hover b {
    display: block
}

.myVip-help .h {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 20px
}

.myVip-help .h:before,
.myVip-help .h:after {
    content: "";
    display: table
}

.myVip-help .h:after {
    clear: both
}

.myVip-help .h h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.myVip-help .h h3 span {
    font-size: 14px;
    color: #888
}

.myVip-help .h h3 span em {
    color: #333
}

.myVip-help .b {
    font-size: 14px;
    line-height: 21px
}

.myVip-help .b p {
    margin-bottom: 21px;
    color: #888
}

.myVip-help .b p:first-child {
    padding-left: 16px
}

.myVip-help .b dl {
    margin-bottom: 21px
}

.myVip-makeWay .myPle-banner {
    margin-bottom: 50px;
    color: #888
}

.myVip-makeWay .myPle-banner p {
    padding-left: 18px;
    margin-top: -4px;
    font-size: 14px
}

.myVip-makeWay a {
    color: #36c
}

.myVip-makeWay a:hover {
    text-decoration: none
}

.myVip-makeWay .h {
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 10px;
    padding-left: 2px
}

.myVip-makeWay .h h3 {
    font-size: 16px
}

.myVip-makeWay .h h3 b {
    font-size: 14px;
    font-weight: 400;
    color: #36c;
    margin-left: 6px
}

.myVip-makeWay .b {
    font-size: 14px
}

.myVip-makeWay .b table {
    width: 100%
}

.myVip-makeWay .b table td {
    padding: 20px 0;
    border-bottom: 1px solid #f2f2f2
}

.myVip-makeWay .b table td.col-img {
    width: 162px
}

.myVip-makeWay .b table td.col-img span {
    display: block;
    width: 162px;
    height: 80px
}

.myVip-makeWay .b table td.col-img span.myVip-makeWay-shopping {
    background-position: 0 0
}

.myVip-makeWay .b table td.col-img span.myVip-makeWay-write {
    background-position: 0 -90px
}

.myVip-makeWay .b table td.col-img span.myVip-makeWay-saleReminder {
    background-position: 0 -180px
}

.myVip-makeWay .b table td.col-img span.myVip-makeWay-eval {
    background-position: 0 -270px
}

.myVip-makeWay .b table td.col-img span.myVip-makeWay-activity {
    background-position: 0 -360px
}

.myVip-makeWay .b table td.col-info {
    padding: 0 20px;
    line-height: 21px
}

.myVip-makeWay .b table td.col-info dd {
    color: #888
}

.myVip-makeWay .f {
    padding-top: 40px
}

.myVip-makeWay .f dl {
    font-size: 14px;
    line-height: 25px
}

.myVip-makeWay .f dl dt {
    font-size: 16px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px
}

.myVip-makeWay .f dl dd {
    color: #888;
    padding-left: 15px;
    padding-top: 16px
}

.myPle-desc {
    width: 100%;
    overflow: visible;
    overflow: hidden
}

.myPle-desc table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.myPle-desc table a {
    color: #36c
}

.myPle-desc table a:hover {
    text-decoration: none;
    color: #ca151e
}

.myPle-desc table thead th {
    font-size: 14px;
    color: #888;
    height: 14px;
    line-height: 14px;
    *line-height: 1.2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: center
}

.myPle-desc table tbody td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    text-align: center;
    padding: 16px 0
}

.myPle-desc table tbody td.col-operate .p-button {
    padding: 5px 0
}

.myPle-desc table tbody td.col-operate .p-link {
    padding: 4px 0
}

.myPle-desc .list-group-header {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 20px
}

.myPle-desc .list-group-header:before,
.myPle-desc .list-group-header:after {
    content: "";
    display: table
}

.myPle-desc .list-group-header:after {
    clear: both
}

.myPle-desc .list-group-header h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.myPle-desc .list-group-header h3 span {
    font-size: 14px;
    color: #888
}

.myPle-desc .list-group-header h3 span em {
    color: #333
}

.myPle-desc .list-group-header .ec-tab a {
    padding-bottom: 13px
}

.myPle-desc .list-group-caption {
    *zoom: 1;
    padding-bottom: 10px;
    border-bottom: 1px solid #DEDEDE
}

.myPle-desc .list-group-caption:before,
.myPle-desc .list-group-caption:after {
    content: "";
    display: table
}

.myPle-desc .list-group-caption:after {
    clear: both
}

.myPle-desc .list-group-caption h3 {
    font-size: 16px
}

.myPle-desc .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.myPle-desc .list-group-caption h3 span em {
    color: #333
}

.myPle-desc .list-group-title {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA
}

.myPle-desc .list-group-item {
    margin: 0 -1px;
    border-bottom: 1px solid #f2f2f2
}

.myPle-desc .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.myPle-desc .list-group-page {
    padding-top: 20px;
    text-align: right
}

.myPle-desc .col-date {
    width: 286px
}

.myPle-desc .col-date span {
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 16px;
    background: url("../../images/echannel/icon/icon35.png") scroll no-repeat
}

.myPle-desc .col-date span.vip-lvlups-no {
    background-color: #ca141c;
    width: 50px;
    color: #fff;
    background-image: none;
    line-height: 16px;
    text-align: center;
    font-size: 14px
}

.myPle-desc .col-date span.vip-lvlups-0 {
    background-position: 0 0
}

.myPle-desc .col-date span.vip-lvlups-1 {
    background-position: -26px 0
}

.myPle-desc .col-date span.vip-lvlups-2 {
    background-position: -52px 0
}

.myPle-desc .col-date span.vip-lvlups-3 {
    background-position: -78px 0
}

.myPle-desc .col-date span.vip-lvlups-4 {
    background-position: -104px 0
}

.myPle-desc .col-date span.vip-lvlups-5 {
    background-position: -130px 0
}

.myPle-desc .col-exp {
    width: 308px
}

.myPle-desc .col-exp span {
    color: #ca141d
}

.myPle-desc .col-exp em {
    color: #06BD04
}

.myPle-desc .col-soure-num {
    color: #888
}

.myPle-desc .tips {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 22px
}

.myPle-desc table thead th {
    width: 133px;
    color: #333
}

.myPle-desc table tbody td {
    width: 133px
}

.myPle-desc .list-tips {
    padding-top: 32px;
    color: #999
}

.myPle-desc .list-tips p {
    line-height: 1;
    padding-bottom: 9px
}

.myCredit-container .myCredit-rz {
    width: 940px;
    height: 777px;
    position: relative;
    background: -webkit-linear-gradient(#02d2aa, #03a4c3);
    background: -o-linear-gradient(#02d2aa, #03a4c3);
    background: -moz-linear-gradient(#02d2aa, #03a4c3);
    background: linear-gradient(#02d2aa, #03a4c3);
    background: #02bbb7 \0;
    *background: #02bbb7
}

.myCredit-container .myCredit-rz .myCredit-rz-content {
    position: absolute;
    top: 341px;
    left: 310px
}

.myCredit-container .myCredit-rz .myCredit-rz-content input {
    width: 300px;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    border: 0 none;
    outline: 0
}

.myCredit-container .myCredit-rz .myCredit-rz-content a {
    display: block;
    width: 320px;
    line-height: 40px;
    text-align: center;
    height: 40px;
    background: #FFF;
    margin-top: 20px;
    font-size: 14px;
    color: #666
}

.myCredit-container .myCredit-rz .myCredit-rz-content a:hover {
    text-decoration: none
}

.myCredit-container .myCredit-rz .myCredit-rz-tips {
    position: absolute;
    top: 470px;
    left: 524px
}

.myCredit-container .myCredit-rz .myCredit-rz-tips a {
    font-size: 14px;
    color: #FFF;
    text-decoration: underline
}

.myCredit-container .myCredit-rz-failed>div {
    box-shadow: none
}

.myCredit-container .myCredit-rz-failed .box-prompt-error-area {
    background: #FAFAFA
}

.myCredit-container .myCredit-rz-failed .box-prompt-error-area .h {
    padding: 24px 0
}

.myCredit-container .myCredit-rz-failed .box-prompt-error-area>span {
    padding-left: 30px
}

.myCredit-container .myCredit-rz-failed .box-custom-button a {
    margin: 40px 0
}

.myCredit-container .myCredit-canvas {
    width: 940px;
    height: 777px;
    position: relative
}

.myCredit-container .myCredit-canvas .myCredit-canvas-draw-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.myCredit-container .myCredit-canvas .myCredit-canvas-draw {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.myCredit-container .myCredit-canvas .myCredit-canvas-draw-run-way {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}

.myCredit-container .myCredit-canvas .myCredit-canvas-draw-run {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4
}

.myCredit-container .myCredit-canvas .myCredit-canvas-title {
    position: absolute;
    left: 400px;
    top: 182px;
    font-size: 18px;
    color: #fff;
    z-index: 5
}

.myCredit-container .myCredit-canvas .myCredit-canvas-more {
    position: absolute;
    left: 382px;
    top: 551px;
    font-size: 14px;
    color: #fff;
    z-index: 6
}

.myCredit-container .myCredit-canvas .myCredit-canvas-more a {
    color: #fff;
    text-decoration: underline
}

.myCredit-container .myCredit-canvas .myCredit-canvas-points {
    position: absolute;
    width: 268px;
    height: 187px;
    left: 336px;
    text-align: center;
    top: 260px;
    font-size: 24px;
    color: #fff;
    line-height: 1;
    z-index: 6
}

.myCredit-container .myCredit-canvas .myCredit-canvas-points p.title {
    font-size: 60px;
    padding-top: 96px
}

.myCredit-container .myCredit-canvas .myCredit-canvas-points p.time {
    font-size: 14px;
    color: #FFF;
    padding-top: 30px;
    -ms-filter: alpha(opacity=30);
    filter: alpha(opacity=30)
}

.question-tips {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    top: 1px;
    margin-left: 1px
}

.question-tips:before {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    cursor: pointer;
    background: url("../../images/echannel/icon/icon-order.png") no-repeat;
    background-position: -22px -137px
}

.question-tips .question-tips-con {
    position: absolute;
    top: 30px;
    right: -27px;
    display: block;
    width: 296px;
    background: #fff;
    border: 1px solid #d6d6d6;
    font-size: 12px;
    line-height: 1.2;
    font-weight: normal;
    z-index: 10;
    padding: 7px 10px;
    box-shadow: 0 2px 5px rgba(100, 100, 100, 0.2);
    display: none
}

.question-tips .question-tips-con:after {
    content: "";
    width: 21px;
    height: 10px;
    display: block;
    position: absolute;
    right: 22px;
    top: -10px;
    background: url("../../images/echannel/icon/icon-order.png") no-repeat;
    background-position: -24px -158px
}

.question-tips:hover span {
    display: block
}

.exchange-apply-form th {
    width: 114px
}

.exchange-apply-form .exchange-apply-pro-record {
    width: 100%;
    border-top: 1px solid #DEDEDE
}

.exchange-apply-form .exchange-apply-pro-record table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.exchange-apply-form .exchange-apply-pro-record table a:hover {
    text-decoration: none;
    color: #ca151e
}

.exchange-apply-form .exchange-apply-pro-record .list-group-caption {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE
}

.exchange-apply-form .exchange-apply-pro-record .list-group-caption:before,
.exchange-apply-form .exchange-apply-pro-record .list-group-caption:after {
    content: "";
    display: table
}

.exchange-apply-form .exchange-apply-pro-record .list-group-caption:after {
    clear: both
}

.exchange-apply-form .exchange-apply-pro-record .list-group-caption h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.exchange-apply-form .exchange-apply-pro-record .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.exchange-apply-form .exchange-apply-pro-record .list-group-caption h3 span em {
    color: #333
}

.exchange-apply-form .exchange-apply-pro-record .list-group-caption h3 i {
    background: url("../../images/echannel/icon/icon40.png") scroll no-repeat;
    background-position: -1px -207px
}

.exchange-apply-form .exchange-apply-pro-record .list-group-caption h3 i:hover+.tips-area {
    display: block
}

.exchange-apply-form .exchange-apply-pro-record .list-group-caption h3 .tips-text {
    width: 276px;
    margin-right: -140px
}

.exchange-apply-form .exchange-apply-pro-record .list-group-title {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA
}

.exchange-apply-form .exchange-apply-pro-record .list-group-title thead th {
    font-size: 14px;
    color: #888;
    height: 14px;
    line-height: 14px;
    *line-height: 1.2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: center
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item {
    margin: 0 -1px
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td {
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 10px 0
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-img {
    position: relative;
    width: 120px;
    border-right: 1px solid #FFF
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-img .p-img img {
    display: inline-block;
    width: 100px;
    height: 100px
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-img .p-tag {
    position: absolute;
    left: 0;
    top: 0
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info {
    text-align: left
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis:before,
.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis:after {
    display: none !important
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name {
    line-height: 21px;
    padding: 0 10px;
    *zoom: 1
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name:before,
.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name:after {
    content: "";
    display: table
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name:after {
    clear: both
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name a {
    color: #333
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name a:hover {
    color: #ca151e
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    padding: 0 7px;
    position: relative;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    float: left;
    top: 3px
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes {
    margin: 6px 0 6px 10px;
    border-radius: 2px
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes:hover {
    color: #fff
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes.disbaled {
    color: #9c9c9c;
    background: #fff;
    border: 1px solid #d1d1d1;
    width: 118px;
    height: 28px;
    line-height: 28px;
    cursor: not-allowed
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes.disbaled:hover {
    color: #9c9c9c;
    background: #fff
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide {
    padding: 0 10px;
    position: relative
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses {
    font-family: HYQiHei-EES;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    font-weight: 300;
    margin-top: 6px;
    display: inline-block;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses .not_Normal {
    white-space: nowrap
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses .p-name-glasses-note {
    color: black
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_down {
    position: absolute;
    bottom: 5px
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_down::after {
    content: "";
    width: 12px;
    height: 10px;
    display: inline-block;
    margin-left: 4px;
    background: url(../../images/echannel/icon/icon50.png) no-repeat;
    background-position: -4px -5px
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_up {
    position: absolute;
    bottom: 5px
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_up::after {
    content: "";
    width: 12px;
    height: 10px;
    display: inline-block;
    margin-left: 4px;
    background: url(../../images/echannel/icon/icon50.png) no-repeat;
    background-position: -4px -24px
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-state,
.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-quty,
.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-price,
.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pay {
    color: #AAA
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-state em,
.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-quty em,
.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-price em,
.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pay em {
    margin-right: 3px
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-operate {
    border-right: #FFF
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-operate .p-button {
    padding: 5px 0
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-operate .p-link {
    padding: 4px 0
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro .o-gift td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 14px 0
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro .o-gift td.col-gift {
    text-align: left;
    position: relative
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro .o-gift td.col-gift .d-name {
    line-height: 21px;
    padding-left: 131px
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro .o-gift td.col-gift .d-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    padding: 0 7px;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    float: left;
    position: relative;
    top: 3px
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-pro .o-gift td.col-gift .p-tag {
    position: absolute;
    top: 0;
    left: 0
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-deposit tbody tr.disabled {
    color: #AAA !important
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-deposit tbody tr td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 16.5px 0
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-deposit tbody tr td.col-deposit {
    text-align: left
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-deposit tbody tr td.col-deposit .d-name {
    line-height: 21px
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-deposit tbody tr td.col-price em,
.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-deposit tbody tr td.col-pay em {
    margin-right: 3px
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-deposit tbody tr td.col-operate {
    border-right: #FFF
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-deposit tbody tr td.col-operate .p-button {
    padding: 5px 0
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-deposit tbody tr td.col-operate .p-link {
    padding: 4px 0
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-gift tbody tr td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 14px 0
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-gift tbody tr td.col-gift {
    text-align: left;
    position: relative
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-gift tbody tr td.col-gift .d-name {
    line-height: 21px;
    padding-left: 130px
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-gift tbody tr td.col-gift .d-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    display: inline-block;
    padding: 0 7px;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    position: relative;
    top: -1px
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-gift tbody tr td.col-gift .p-tag {
    position: absolute;
    top: 0;
    left: 0
}

.exchange-apply-form .exchange-apply-pro-record .list-group-item .o-gift tbody tr td.col-operate {
    border-right: #FFF
}

.exchange-apply-form .exchange-apply-pro-record .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.exchange-apply-form .exchange-apply-pro-record .list-group-empty a {
    color: #36c
}

.exchange-apply-form .exchange-apply-pro-record .list-group-empty a:hover {
    text-decoration: none;
    color: #ca151e
}

.exchange-apply-form .exchange-apply-pro-record .list-group-page {
    padding-top: 20px;
    text-align: right
}

.exchange-apply-form .exchange-apply-pro-record .col-check {
    width: 44px
}

.exchange-apply-form .exchange-apply-pro-record .col-check input {
    margin: 0
}

.exchange-apply-form .exchange-apply-pro-record .col-pro-info {
    line-height: 21px
}

.exchange-apply-form .exchange-apply-pro-record .col-pro-info .p-gift-name {
    color: #888;
    padding: 0 10px
}

.exchange-apply-form .exchange-apply-pro-record .col-pro-info .p-gift-name b {
    font-weight: 400;
    color: #ca151e;
    margin-right: 5px;
    font-family: "微软雅黑"
}

.exchange-apply-form .exchange-apply-pro-record .col-pro-info .p-gift-name a {
    color: #888
}

.exchange-apply-form .exchange-apply-pro-record .col-pro-info .p-gift-name a:hover {
    color: #ca151e
}

.exchange-apply-form .exchange-apply-pro-record .col-pro-info .p-tips {
    padding: 0 10px;
    color: #ca151e
}

.exchange-apply-form .exchange-apply-pro-record .col-quty {
    width: 76px
}

.exchange-apply-form .exchange-apply-pro-record .col-links {
    width: 166px
}

.exchange-apply-form .tips {
    line-height: 21px
}

.exchange-apply-form .tips dl {
    padding: 12px 0 5px
}

.exchange-apply-form .tips dl dt {
    color: #999
}

.exchange-apply-form .tips dl dd {
    color: #888
}

.exchange-apply-form .tips p {
    color: #ca151e
}

.exchange-apply-form .tips p em {
    color: #999
}

.exchange-apply-form .textarea {
    height: 122px
}

.exchange-apply-form .form-edit-panels th {
    width: 114px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record {
    width: 100%;
    border-top: 1px solid #DEDEDE
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record table a:hover {
    text-decoration: none;
    color: #ca151e
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-caption {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-caption:before,
.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-caption:after {
    content: "";
    display: table
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-caption:after {
    clear: both
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-caption h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-caption h3 span em {
    color: #333
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-caption h3 i {
    background: url("../../images/echannel/icon/icon40.png") scroll no-repeat;
    background-position: -1px -207px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-caption h3 i:hover+.tips-area {
    display: block
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-caption h3 .tips-text {
    width: 276px;
    margin-right: -140px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-title {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-title thead th {
    font-size: 14px;
    color: #888;
    height: 14px;
    line-height: 14px;
    *line-height: 1.2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: center
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item {
    margin: 0 -1px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td {
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 10px 0
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-img {
    position: relative;
    width: 120px;
    border-right: 1px solid #FFF
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-img .p-img img {
    display: inline-block;
    width: 100px;
    height: 100px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-img .p-tag {
    position: absolute;
    left: 0;
    top: 0
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info {
    text-align: left
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis:before,
.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis:after {
    display: none !important
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name {
    line-height: 21px;
    padding: 0 10px;
    *zoom: 1
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name:before,
.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name:after {
    content: "";
    display: table
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name:after {
    clear: both
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name a {
    color: #333
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name a:hover {
    color: #ca151e
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    padding: 0 7px;
    position: relative;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    float: left;
    top: 3px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes {
    margin: 6px 0 6px 10px;
    border-radius: 2px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes:hover {
    color: #fff
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes.disbaled {
    color: #9c9c9c;
    background: #fff;
    border: 1px solid #d1d1d1;
    width: 118px;
    height: 28px;
    line-height: 28px;
    cursor: not-allowed
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes.disbaled:hover {
    color: #9c9c9c;
    background: #fff
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide {
    padding: 0 10px;
    position: relative
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses {
    font-family: HYQiHei-EES;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    font-weight: 300;
    margin-top: 6px;
    display: inline-block;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses .not_Normal {
    white-space: nowrap
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses .p-name-glasses-note {
    color: black
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_down {
    position: absolute;
    bottom: 5px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_down::after {
    content: "";
    width: 12px;
    height: 10px;
    display: inline-block;
    margin-left: 4px;
    background: url(../../images/echannel/icon/icon50.png) no-repeat;
    background-position: -4px -5px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_up {
    position: absolute;
    bottom: 5px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_up::after {
    content: "";
    width: 12px;
    height: 10px;
    display: inline-block;
    margin-left: 4px;
    background: url(../../images/echannel/icon/icon50.png) no-repeat;
    background-position: -4px -24px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-state,
.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-quty,
.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-price,
.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pay {
    color: #AAA
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-state em,
.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-quty em,
.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-price em,
.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-pay em {
    margin-right: 3px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-operate {
    border-right: #FFF
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-operate .p-button {
    padding: 5px 0
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro tbody td.col-operate .p-link {
    padding: 4px 0
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro .o-gift td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 14px 0
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro .o-gift td.col-gift {
    text-align: left;
    position: relative
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro .o-gift td.col-gift .d-name {
    line-height: 21px;
    padding-left: 131px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro .o-gift td.col-gift .d-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    padding: 0 7px;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    float: left;
    position: relative;
    top: 3px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-pro .o-gift td.col-gift .p-tag {
    position: absolute;
    top: 0;
    left: 0
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-deposit tbody tr.disabled {
    color: #AAA !important
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-deposit tbody tr td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 16.5px 0
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-deposit tbody tr td.col-deposit {
    text-align: left
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-deposit tbody tr td.col-deposit .d-name {
    line-height: 21px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-deposit tbody tr td.col-price em,
.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-deposit tbody tr td.col-pay em {
    margin-right: 3px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-deposit tbody tr td.col-operate {
    border-right: #FFF
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-deposit tbody tr td.col-operate .p-button {
    padding: 5px 0
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-deposit tbody tr td.col-operate .p-link {
    padding: 4px 0
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-gift tbody tr td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 14px 0
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-gift tbody tr td.col-gift {
    text-align: left;
    position: relative
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-gift tbody tr td.col-gift .d-name {
    line-height: 21px;
    padding-left: 130px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-gift tbody tr td.col-gift .d-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    display: inline-block;
    padding: 0 7px;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    position: relative;
    top: -1px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-gift tbody tr td.col-gift .p-tag {
    position: absolute;
    top: 0;
    left: 0
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-item .o-gift tbody tr td.col-operate {
    border-right: #FFF
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-empty a {
    color: #36c
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-empty a:hover {
    text-decoration: none;
    color: #ca151e
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .list-group-page {
    padding-top: 20px;
    text-align: right
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .col-check {
    width: 44px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .col-check input {
    margin: 0
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .col-pro-info {
    line-height: 21px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .col-pro-info .p-gift-name {
    color: #888;
    padding: 0 10px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .col-pro-info .p-gift-name b {
    font-weight: 400;
    color: #ca151e;
    margin-right: 5px;
    font-family: "微软雅黑"
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .col-pro-info .p-gift-name a {
    color: #888
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .col-pro-info .p-gift-name a:hover {
    color: #ca151e
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .col-pro-info .p-tips {
    padding: 0 10px;
    color: #ca151e
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .col-quty {
    width: 76px
}

.exchange-apply-form .form-edit-panels .exchange-apply-pro-record .col-links {
    width: 166px
}

.exchange-apply-form .form-edit-panels .tips {
    line-height: 21px
}

.exchange-apply-form .form-edit-panels .tips dl {
    padding: 12px 0 5px
}

.exchange-apply-form .form-edit-panels .tips dl dt {
    color: #999
}

.exchange-apply-form .form-edit-panels .tips dl dd {
    color: #888
}

.exchange-apply-form .form-edit-panels .tips p {
    color: #ca151e
}

.exchange-apply-form .form-edit-panels .tips p em {
    color: #999
}

.exchange-apply-form .form-edit-panels .textarea {
    height: 122px
}

.exchange-apply-action {
    padding-top: 30px;
    text-align: right
}

.exchange-apply-action input,
.exchange-apply-action a {
    margin-left: 12px
}

.exchange-apply-articles {
    font-size: 14px
}

.exchange-apply-articles .h {
    padding: 0 14px;
    height: 40px;
    line-height: 40px
}

.exchange-apply-articles .h span {
    color: #ca151e
}

.exchange-apply-articles .b {
    padding: 8px 20px 0
}

.exchange-apply-articles .b li {
    padding: 10px 0
}

.exchange-apply-articles .b li .inputbox {
    display: inline-block;
    cursor: pointer;
    margin-right: 20px
}

.exchange-apply-articles .b li .inputbox input {
    vertical-align: middle;
    margin-right: 10px
}

.exchange-apply-articles .b li .inputbox span {
    font-size: 14px;
    vertical-align: middle;
    font-family: tahoma, "微软雅黑"
}

.exchange-apply-articles .b li .articles-record {
    padding: 9px 0 0 23px;
    line-height: 21px;
    margin-bottom: -15px
}

.exchange-apply-articles .b li .articles-record dd {
    color: #888
}

.exchange-apply-articles .b li .tips {
    padding-top: 0
}

.exchange-apply-articles .b .tips {
    padding-top: 10px;
    color: #888
}

.exchange-apply-articles .b .tips em {
    color: #888
}

.exchange-apply-address {
    font-size: 14px
}

.exchange-apply-address .h {
    padding: 0 14px;
    height: 40px;
    line-height: 40px
}

.exchange-apply-address .h span {
    color: #ca151e
}

.exchange-apply-address .b {
    padding-top: 20px;
    margin-bottom: -10px
}

.exchange-apply-address .b .form-edit-panels th {
    width: 91px
}

.exchange-apply-address .b .form-edit-panels .inputbox em {
    vertical-align: middle;
    font-family: tahoma, "微软雅黑";
    margin-left: 20px;
    color: #888
}

.exchange-apply-success {
    font-size: 14px
}

.exchange-apply-success .h {
    background-color: #F5F5F5;
    padding: 25px 0;
    text-align: center
}

.exchange-apply-success .h s {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    display: inline-block;
    width: 72px;
    height: 72px;
    background-position: -92px -65px;
    margin-right: 19px;
    vertical-align: middle
}

.exchange-apply-success .h span {
    color: #06BD04;
    vertical-align: middle
}

.exchange-apply-success .b {
    line-height: 21px;
    padding: 23px 17px 6px
}

.exchange-apply-success .b a {
    color: #36c
}

.exchange-apply-success .b a:hover {
    text-decoration: none;
    color: #ca151e
}

.exchange-apply-success .b dl {
    margin-bottom: 21px
}

.exchange-apply-success .b dl dd {
    color: #888
}

.hwep-notice {
    font-size: 14px;
    line-height: 21px
}

.hwep-notice img {
    vertical-align: top
}

.hwep-layaway {
    *zoom: 1;
    position: relative;
    height: 220px
}

.hwep-layaway:before,
.hwep-layaway:after {
    content: "";
    display: table
}

.hwep-layaway:after {
    clear: both
}

.hwep-layaway .hwep-layaway-banner img {
    vertical-align: top
}

.hwep-layaway .hwep-layaway-banner a {
    position: absolute;
    width: 62px;
    height: 120px;
    right: 269px;
    top: 10px
}

.hwep-layaway .hwep-layaway-banner a.button-hwep-layaway-start {
    background-position: -72px 0
}

.hwep-layaway .hwep-layaway-banner a.button-hwep-layaway-end {
    background-position: 0 0
}

.hwep-layaway .hwep-layaway-banner a.button-hwep-snapUp-start {
    background-position: -216px 0
}

.hwep-layaway .hwep-layaway-banner a.button-hwep-snapUp-end {
    background-position: -144px 0
}

.hwep-layaway .hwep-layaway-banner a span {
    display: none
}

.hwep-layaway .hwep-layaway-rule {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #0ACACA;
    bottom: 0;
    _height: 220px;
    color: #FFF;
    width: 257px
}

.hwep-layaway .hwep-layaway-rule h3 {
    font-size: 14px;
    padding: 16px 20px 8px
}

.hwep-layaway .hwep-layaway-rule ol {
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 24px;
    line-height: 18px;
    margin: 0 20px 0 10px;
    *margin-left: 20px
}

.hwep-channel .hwep-channel-header {
    border-bottom: 1px solid #DEDEDE;
    position: relative
}

.hwep-channel .hwep-channel-header a {
    font-size: 16px;
    line-height: 33px
}

.hwep-channel .hwep-channel-header .cart-link {
    position: absolute;
    top: 2px;
    right: 15px;
    font-size: 12px;
    color: #D20A2C;
    padding-left: 26px;
    line-height: 34px
}

.hwep-channel .hwep-channel-header .cart-link:before {
    content: "";
    display: block;
    width: 20px;
    height: 12px;
    background: url("../../images/echannel/icon/icon-common.svg") no-repeat;
    background-position: -119px -4px;
    position: absolute;
    top: 10px;
    left: 0
}

.hwep-channel .ec-tab .ec-tab-arrow {
    background: #979797
}

.hwep-pro-detail {
    margin-top: 10px;
    margin-bottom: 5px
}

.hwep-pro-detail .hwep-pro-cate {
    float: left;
    width: 790px;
    margin-bottom: 0
}

.hwep-pro-detail .hwep-pro-cate label {
    float: left;
    font-size: 14px;
    color: #000;
    line-height: 24px;
    margin-right: 5px
}

.hwep-pro-detail .hwep-pro-cate ul {
    float: left;
    width: 740px
}

.hwep-pro-detail .hwep-pro-cate li {
    margin-top: 0;
    margin-bottom: 10px
}

.hwep-pro-detail .hwep-pro-checkbox input[type=checkbox]::-ms-check {
    display: none
}

.hwep-pro-detail .hwep-pro-checkbox input[type=checkbox] {
    display: inline-block;
    height: 14px;
    width: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../../images/echannel/icon/icon-header.png") no-repeat;
    background-position: -18px -129px
}

.hwep-pro-detail .hwep-pro-checkbox input[type=checkbox]:checked {
    background-position: 0 -129px
}

.hwep-pro-detail .hwep-pro-checkbox input[type=checkbox]:disabled {
    background-position: -18px -115px;
    cursor: not-allowed
}

.hwep-pro-detail .hwep-pro-checkbox input[type="checkbox"] {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 3px;
    background: url("../../images/echannel/icon/icon-checkbox.png") no-repeat;
    background-size: 100% 300%;
    background-position: 0 -24px
}

.hwep-pro-detail .hwep-pro-checkbox input[type="checkbox"]:checked {
    background-position: 0 0
}

.hwep-pro-detail .hwep-pro-checkbox span {
    float: left;
    line-height: 24px;
    margin-left: 7px
}

.hwep-pro-cate {
    margin-bottom: 15px
}

.hwep-pro-cate ul {
    *zoom: 1
}

.hwep-pro-cate ul:before,
.hwep-pro-cate ul:after {
    content: "";
    display: table
}

.hwep-pro-cate ul:after {
    clear: both
}

.hwep-pro-cate ul li {
    float: left;
    margin-right: 10px;
    padding: 0 16px;
    line-height: 24px;
    color: #5f5f5f;
    margin-top: 10px;
    background-color: #f0f0f0
}

.hwep-pro-cate ul li a {
    color: #666
}

.hwep-pro-cate ul li:hover {
    color: #fff;
    background-color: #333
}

.hwep-pro-cate ul li:hover a {
    color: #fff;
    text-decoration: none
}

.hwep-pro-cate ul .current {
    background-color: #333
}

.hwep-pro-cate ul .current a {
    color: #fff
}

.hwep-pro-record {
    overflow: hidden;
    width: 100%
}

.hwep-pro-record .list-group {
    *zoom: 1;
    width: 980px
}

.hwep-pro-record .list-group:before,
.hwep-pro-record .list-group:after {
    content: "";
    display: table
}

.hwep-pro-record .list-group:after {
    clear: both
}

.hwep-pro-record .list-group .list-group-item {
    float: left;
    width: 195px;
    height: 353px;
    padding: 40px 5px 0;
    margin-right: 40px;
    border-bottom: 1px solid #DCDCDC
}

.hwep-pro-record .list-group .list-group-item .p-img {
    text-align: center;
    margin-bottom: 9px
}

.hwep-pro-record .list-group .list-group-item .p-img img {
    display: inline-block;
    vertical-align: top;
    width: 195px;
    height: 195px
}

.hwep-pro-record .list-group .list-group-item .p-name {
    font-size: 14px;
    line-height: 21px;
    height: 63px;
    overflow: hidden
}

.hwep-pro-record .list-group .list-group-item .p-name a .p-slogan,
.hwep-pro-record .list-group .list-group-item .p-name a .p-promotions {
    color: #ca151e
}

.hwep-pro-record .list-group .list-group-item .p-name a:hover {
    color: #ca151e;
    text-decoration: none
}

.hwep-pro-record .list-group .list-group-item .p-price {
    font-size: 14px;
    margin: 9px 5px 11px
}

.hwep-pro-record .list-group .list-group-item .p-price b {
    font-weight: 400
}

.hwep-pro-record .list-group .list-group-item .p-price span {
    text-align: center;
    display: block
}

.hwep-pro-record .list-group .list-group-item .p-price s {
    color: #888
}

.hwep-pro-record .list-group .list-group-item .p-stock {
    float: left
}

.hwep-pro-record .list-group .list-group-item .p-button {
    padding-top: 4px;
    text-align: right
}

.hwep-pro-record .list-group .list-group-empty {
    padding-right: 40px
}

.hwep-pro-record .list-group-page {
    padding-top: 20px;
    text-align: right;
    clear: both;
    width: 940px
}

.hwep-pro-record .list-group-empty {
    clear: both;
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0 50px
}

.button-inside01 {
    text-align: center;
    background-color: #ca151e;
    color: #FFF !important;
    width: 58px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    position: relative;
    right: -5px
}

.button-inside02 {
    text-align: center;
    background-color: #FC600C;
    color: #FFF !important;
    width: 70px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    margin-right: 3px;
    position: relative;
    right: -5px
}

.hwep-pro-tips {
    background-color: #F5F5F5;
    font-size: 14px;
    line-height: 21px;
    padding: 16px 20px
}

.hwep-pro-tips a {
    color: #36c
}

.hwep-pro-tips a:hover {
    text-decoration: none;
    color: #ca151e
}

.hwep-pro-tips h3 {
    font-size: 16px;
    margin-bottom: 13px
}

.hwep-pro-tips ol {
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 16px
}

.hwep-channel-description {
    padding-top: 20px
}

.hwep-channel-description .hwep-flowChart h3,
.hwep-channel-description .hwep-rule h3,
.hwep-channel-service h3 {
    list-style-position: outside;
    list-style-type: square;
    color: #848484;
    font-size: 14px;
    display: list-item;
    margin-left: 22px;
    padding: 0 0 22px 3px
}

.hwep-channel-description .hwep-flowChart h3 span,
.hwep-channel-description .hwep-rule h3 span,
.hwep-channel-service h3 span {
    color: #333
}

.hwep-channel-description .hwep-flowChart p,
.hwep-channel-description .hwep-rule p,
.hwep-channel-service p,
.hwep-channel-defective dd {
    font-size: 14px;
    color: #888;
    line-height: 25px;
    padding: 0 26px
}

.hwep-channel-description .hwep-flowChart p a,
.hwep-channel-description .hwep-rule p a,
.hwep-channel-service p a {
    color: #888
}

.hwep-channel-description .hwep-flowChart p a:hover,
.hwep-channel-description .hwep-rule p a:hover,
.hwep-channel-service p a:hover {
    color: #ca151e;
    text-decoration: none
}

.hwep-channel-description .hwep-flowChart p b,
.hwep-channel-description .hwep-rule p b,
.hwep-channel-service p b {
    color: #333;
    font-weight: 400
}

.hwep-channel-description .hwep-flowChart p b a:hover,
.hwep-channel-description .hwep-rule p b a:hover,
.hwep-channel-service p b a:hover {
    color: #ca151e
}

.hwep-channel-service {
    padding-top: 20px
}

.hwep-channel-defective dl {
    margin-top: 32px
}

.hwep-channel-defective dt {
    display: list-item;
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 22px;
    padding: 0 0 5px 3px;
    font-size: 16px;
    color: #333
}

.hwep-channel-defective dd {
    color: #333
}

.product-time {
    float: right;
    width: 140px;
    position: relative;
    color: #ca141d
}

.product-time p {
    float: left;
    line-height: 26px
}

.product-time ul {
    float: left
}

.product-time ul li {
    float: left
}

.product-time ul li span {
    display: block;
    width: 26px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #ca141d;
    border-radius: 2px
}

.product-time ul li em,
.product-time ul li strong {
    float: left;
    margin: 0 3px;
    line-height: 24px
}

.product-time ul li strong {
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
    margin: 0 1px
}

.pro-add-success {
    margin: -14px -30px 0
}

.pro-add-success dt {
    float: left
}

.pro-add-success dt s {
    display: inline-block;
    width: 72px;
    height: 72px;
    margin: 29px 0 0 29px;
    background-position: -34px 0
}

.pro-add-success dd {
    margin-left: 131px;
    overflow: hidden;
    padding: 30px 0
}

.pro-add-success dd .pro-add-success-name {
    font-size: 14px;
    padding: 0 30px 6px 0
}

.pro-add-success dd .pro-add-success-msg {
    font-size: 18px;
    color: #7abd54;
    padding-bottom: 26px
}

.pro-add-success dd .pro-add-success-total {
    padding: 0 30px 6px 0;
    display: none
}

.pro-add-success dd .pro-add-success-total em,
.pro-add-success dd .pro-add-success-total b {
    color: #ca151e;
    font-size: 14px;
    font-weight: 400
}

.pro-add-success dd .pro-add-success-button a {
    margin-right: 10px
}

.pro-add-error {
    padding: 47px 0 30px;
    text-align: center;
    margin-top: -40px
}

.pro-add-error i {
    display: inline-block;
    width: 72px;
    height: 72px;
    background-position: -116px 0
}

.pro-add-error .pro-add-error-msg {
    text-align: center;
    font-size: 14px;
    color: #ca151e;
    padding: 23px 0 30px
}

.recycle-detail-pro .recycle-pro-record {
    width: 100%
}

.recycle-detail-pro .recycle-pro-record table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.recycle-detail-pro .recycle-pro-record table a:hover {
    text-decoration: none;
    color: #ca151e
}

.recycle-detail-pro .recycle-pro-record .list-group-caption {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE
}

.recycle-detail-pro .recycle-pro-record .list-group-caption:before,
.recycle-detail-pro .recycle-pro-record .list-group-caption:after {
    content: "";
    display: table
}

.recycle-detail-pro .recycle-pro-record .list-group-caption:after {
    clear: both
}

.recycle-detail-pro .recycle-pro-record .list-group-caption h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.recycle-detail-pro .recycle-pro-record .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.recycle-detail-pro .recycle-pro-record .list-group-caption h3 span em {
    color: #333
}

.recycle-detail-pro .recycle-pro-record .list-group-caption h3 i {
    background: url("../../images/echannel/icon/icon40.png") scroll no-repeat;
    background-position: -1px -207px
}

.recycle-detail-pro .recycle-pro-record .list-group-caption h3 i:hover+.tips-area {
    display: block
}

.recycle-detail-pro .recycle-pro-record .list-group-caption h3 .tips-text {
    width: 276px;
    margin-right: -140px
}

.recycle-detail-pro .recycle-pro-record .list-group-title {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA
}

.recycle-detail-pro .recycle-pro-record .list-group-title thead th {
    font-size: 14px;
    color: #888;
    height: 14px;
    line-height: 14px;
    *line-height: 1.2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: center
}

.recycle-detail-pro .recycle-pro-record .list-group-item {
    margin: 0 -1px
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td {
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 10px 0
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-img {
    position: relative;
    width: 120px;
    border-right: 1px solid #FFF
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-img .p-img img {
    display: inline-block;
    width: 100px;
    height: 100px
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-img .p-tag {
    position: absolute;
    left: 0;
    top: 0
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-info {
    text-align: left
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis:before,
.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-info .ellipsis:after {
    display: none !important
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name {
    line-height: 21px;
    padding: 0 10px;
    *zoom: 1
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name:before,
.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name:after {
    content: "";
    display: table
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name:after {
    clear: both
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name a {
    color: #333
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name a:hover {
    color: #ca151e
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    padding: 0 7px;
    position: relative;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    float: left;
    top: 3px
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes {
    margin: 6px 0 6px 10px;
    border-radius: 2px
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes:hover {
    color: #fff
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes.disbaled {
    color: #9c9c9c;
    background: #fff;
    border: 1px solid #d1d1d1;
    width: 118px;
    height: 28px;
    line-height: 28px;
    cursor: not-allowed
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-info .button-action-yes.disbaled:hover {
    color: #9c9c9c;
    background: #fff
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide {
    padding: 0 10px;
    position: relative
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses {
    font-family: HYQiHei-EES;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    font-weight: 300;
    margin-top: 6px;
    display: inline-block;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses .not_Normal {
    white-space: nowrap
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-glasses .p-name-glasses-note {
    color: black
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_down {
    position: absolute;
    bottom: 5px
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_down::after {
    content: "";
    width: 12px;
    height: 10px;
    display: inline-block;
    margin-left: 4px;
    background: url(../../images/echannel/icon/icon50.png) no-repeat;
    background-position: -4px -5px
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_up {
    position: absolute;
    bottom: 5px
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name-glasses_outSide .p-name-arrow-glasses_up::after {
    content: "";
    width: 12px;
    height: 10px;
    display: inline-block;
    margin-left: 4px;
    background: url(../../images/echannel/icon/icon50.png) no-repeat;
    background-position: -4px -24px
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-state,
.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-quty,
.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-price,
.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pay {
    color: #AAA
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-state em,
.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-quty em,
.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-price em,
.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-pay em {
    margin-right: 3px
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-operate {
    border-right: #FFF
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-operate .p-button {
    padding: 5px 0
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody td.col-operate .p-link {
    padding: 4px 0
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro .o-gift td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 14px 0
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro .o-gift td.col-gift {
    text-align: left;
    position: relative
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro .o-gift td.col-gift .d-name {
    line-height: 21px;
    padding-left: 131px
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro .o-gift td.col-gift .d-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    padding: 0 7px;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    float: left;
    position: relative;
    top: 3px
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro .o-gift td.col-gift .p-tag {
    position: absolute;
    top: 0;
    left: 0
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-deposit tbody tr.disabled {
    color: #AAA !important
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-deposit tbody tr td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 16.5px 0
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-deposit tbody tr td.col-deposit {
    text-align: left
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-deposit tbody tr td.col-deposit .d-name {
    line-height: 21px
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-deposit tbody tr td.col-price em,
.recycle-detail-pro .recycle-pro-record .list-group-item .o-deposit tbody tr td.col-pay em {
    margin-right: 3px
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-deposit tbody tr td.col-operate {
    border-right: #FFF
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-deposit tbody tr td.col-operate .p-button {
    padding: 5px 0
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-deposit tbody tr td.col-operate .p-link {
    padding: 4px 0
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-gift tbody tr td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 14px 0
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-gift tbody tr td.col-gift {
    text-align: left;
    position: relative
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-gift tbody tr td.col-gift .d-name {
    line-height: 21px;
    padding-left: 130px
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-gift tbody tr td.col-gift .d-name b {
    font-weight: 400;
    color: #ca141d;
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    display: inline-block;
    padding: 0 7px;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    position: relative;
    top: -1px
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-gift tbody tr td.col-gift .p-tag {
    position: absolute;
    top: 0;
    left: 0
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-gift tbody tr td.col-operate {
    border-right: #FFF
}

.recycle-detail-pro .recycle-pro-record .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.recycle-detail-pro .recycle-pro-record .list-group-empty a {
    color: #36c
}

.recycle-detail-pro .recycle-pro-record .list-group-empty a:hover {
    text-decoration: none;
    color: #ca151e
}

.recycle-detail-pro .recycle-pro-record .list-group-page {
    padding-top: 20px;
    text-align: right
}

.recycle-detail-pro .recycle-pro-record table .col-int {
    width: 90px
}

.recycle-detail-pro .recycle-pro-record table .col-price {
    width: 116px
}

.recycle-detail-pro .recycle-pro-record table .col-quty {
    width: 89px
}

.recycle-detail-pro .recycle-pro-record table .col-pay {
    width: 126px
}

.recycle-detail-pro .recycle-pro-record table .col-dely {
    width: 150px
}

.recycle-detail-pro .recycle-pro-record table .col-state {
    width: 150px
}

.recycle-detail-pro .recycle-pro-record table thead th.first {
    border-left: 1px solid #FAFAFA
}

.recycle-detail-pro .recycle-pro-record table thead th.end {
    border-right: 1px solid #FAFAFA
}

.recycle-detail-pro .recycle-pro-record table tbody td.col-pro,
.recycle-detail-pro .recycle-pro-record table tbody td.col-name {
    text-align: left
}

.recycle-detail-pro .recycle-pro-record table tbody td.col-pro a,
.recycle-detail-pro .recycle-pro-record table tbody td.col-name a {
    color: #333
}

.recycle-detail-pro .recycle-pro-record table tbody td.col-dely p {
    padding: 5px 0
}

.recycle-detail-pro .recycle-pro-record table tbody td.col-dely p .inputbox {
    cursor: pointer
}

.recycle-detail-pro .recycle-pro-record table tbody td.col-dely p .inputbox input {
    vertical-align: middle;
    margin-right: 10px
}

.recycle-detail-pro .recycle-pro-record table tbody td.col-dely p .inputbox span {
    vertical-align: middle;
    font-family: tahoma, "微软雅黑"
}

.recycle-detail-pro .recycle-pro-record table tbody td.col-dely p .inputbox em {
    margin-left: 10px;
    vertical-align: middle;
    font-family: tahoma, "微软雅黑"
}

.recycle-detail-pro .recycle-pro-record table tbody td.end {
    border-right: 1px solid #FFF !important
}

.recycle-detail-pro .recycle-pro-record .col-pro {
    width: 260px
}

.recycle-detail-pro .recycle-pro-record .col-pro-info {
    width: 140px
}

.recycle-detail-pro .recycle-pro-record .list-group-item .o-pro tbody .col-pro-detail {
    text-align: left;
    padding: 10px 20px;
    font-size: 12px;
    line-height: 20px
}

.recycle-detail-pro .recycle-pro-record .list-group-caption h3 b {
    color: #ca151e;
    padding: 0 5px;
    font-weight: normal
}

a.button-recycle {
    width: 98px;
    height: 28px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    border: 1px solid #aaa;
    border-radius: 2px;
    line-height: 28px;
    text-align: center
}

a.button-recycle-color01 {
    background: #b71;
    border: 1px solid #b71;
    color: #fff
}

.recycle-detail-info .list-group-caption {
    *zoom: 1;
    padding-bottom: 10px;
    border-bottom: 1px solid #DEDEDE
}

.recycle-detail-info .list-group-caption:before,
.recycle-detail-info .list-group-caption:after {
    content: "";
    display: table
}

.recycle-detail-info .list-group-caption:after {
    clear: both
}

.recycle-detail-info .list-group-caption h3 {
    font-size: 16px
}

.recycle-detail-info .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.recycle-detail-info .list-group-caption h3 span em {
    color: #333
}

.recycle-detail-info .list-group-item {
    padding-top: 20px
}

.recycle-detail-info .list-group-item p {
    text-align: left;
    line-height: 21px;
    font-size: 14px
}

.recycle-detail-info .list-group-item li {
    margin-bottom: 6px;
    line-height: 20px;
    font-size: 14px
}

.recycle-detail-info .list-group-item li .gray {
    color: #a4a4a4
}

.tj-phone-group {
    margin-bottom: 50px;
    font-size: 14px
}

.tj-phone-group ul li {
    margin-left: 95px;
    vertical-align: top;
    width: 230px;
    text-align: center;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.tj-phone-group ul li img {
    margin: 25px 0;
    width: 200px;
    height: 200px
}

.tj-phone-group ul li p {
    text-align: left;
    border-bottom: 1px solid #dedede;
    line-height: 20px;
    padding-bottom: 8px;
    padding-left: 10px
}

.tj-phone-group ul li:first-child {
    margin-left: 30px
}

.myVoucher-info {
    background-color: #fafafa;
    height: 175px;
    line-height: 175px
}

.myVoucher-info p {
    text-align: center;
    font-size: 24px
}

.myVoucher-info p span {
    font-size: 80px
}

.myVoucher-record {
    width: 100%;
    overflow: hidden
}

.myVoucher-record table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.myVoucher-record table a {
    color: #36c
}

.myVoucher-record table a:hover {
    text-decoration: none;
    color: #ca151e
}

.myVoucher-record table thead th {
    font-size: 14px;
    color: #888;
    height: 14px;
    line-height: 14px;
    *line-height: 1.2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: center
}

.myVoucher-record table tbody td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    text-align: center;
    padding: 16px 0
}

.myVoucher-record table tbody td.col-operate .p-button {
    padding: 5px 0
}

.myVoucher-record table tbody td.col-operate .p-link {
    padding: 4px 0
}

.myVoucher-record .list-group-header {
    *zoom: 1;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 20px
}

.myVoucher-record .list-group-header:before,
.myVoucher-record .list-group-header:after {
    content: "";
    display: table
}

.myVoucher-record .list-group-header:after {
    clear: both
}

.myVoucher-record .list-group-header h3 {
    font-size: 16px;
    padding-bottom: 10px
}

.myVoucher-record .list-group-header h3 span {
    font-size: 14px;
    color: #888
}

.myVoucher-record .list-group-header h3 span em {
    color: #333
}

.myVoucher-record .list-group-header .ec-tab a {
    padding-bottom: 13px
}

.myVoucher-record .list-group-caption {
    *zoom: 1;
    padding-bottom: 10px;
    border-bottom: 1px solid #DEDEDE
}

.myVoucher-record .list-group-caption:before,
.myVoucher-record .list-group-caption:after {
    content: "";
    display: table
}

.myVoucher-record .list-group-caption:after {
    clear: both
}

.myVoucher-record .list-group-caption h3 {
    font-size: 16px
}

.myVoucher-record .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.myVoucher-record .list-group-caption h3 span em {
    color: #333
}

.myVoucher-record .list-group-title {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA
}

.myVoucher-record .list-group-item {
    margin: 0 -1px;
    border-bottom: 1px solid #f2f2f2
}

.myVoucher-record .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 50px 0
}

.myVoucher-record .list-group-page {
    padding-top: 20px;
    text-align: right
}

.myVoucher-record .list-group-title {
    margin-top: 20px
}

.myVoucher-record table tbody td {
    padding: 12px 0;
    height: 24px;
    line-height: 20px;
    color: #191919
}

.myVoucher-record table .col-time {
    width: 167px;
    text-align: left;
    padding-left: 32px
}

.myVoucher-record table .col-type {
    width: 151px;
    text-align: right;
    padding-right: 48px
}

.myVoucher-record table .col-remark {
    width: 452px;
    text-align: left;
    padding-left: 40px;
    padding-right: 48px
}

.myVoucher-record table tbody .col-type-minus {
    color: #24c942
}

.myVoucher-record table tbody .col-type-add {
    color: #ca141d
}

.myAuthentication-info {
    height: 229px;
    background-color: #fde1d2;
    background: -webkit-linear-gradient(#fef7df, #fde1d2);
    background: -o-linear-gradient(#fef7df, #fde1d2);
    background: -moz-linear-gradient(#fef7df, #fde1d2);
    background: linear-gradient(#fef7df, #fde1d2);
    border-radius: 8px;
    position: relative
}

.myAuthentication-info .myAuthentication-detail {
    position: absolute;
    top: 45px;
    left: 48px
}

.myAuthentication-info .myAuthentication-detail .h {
    float: left;
    margin-right: 18px
}

.myAuthentication-info .myAuthentication-detail .h .w-img {
    width: 80px;
    height: 80px
}

.myAuthentication-info .myAuthentication-detail .h .w-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    vertical-align: top
}

.myAuthentication-info .myAuthentication-detail .b {
    display: table-cell;
    vertical-align: middle;
    height: 80px
}

.myAuthentication-info .myAuthentication-detail .b .w-name {
    font-size: 18px;
    width: 500px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.myAuthentication-info .myAuthentication-detail .b .w-info {
    font-size: 14px;
    color: #666;
    margin-top: 8px
}

.myAuthentication-info .myAuthentication-detail .b .w-info a {
    color: #666
}

.myAuthentication-info .myAuthentication-code {
    position: absolute;
    top: 45px;
    right: 80px
}

.myAuthentication-info .myAuthentication-code img {
    width: 140px;
    height: 140px;
    vertical-align: top
}

.myAuthentication-info .myAuthentication-tips {
    position: absolute;
    bottom: 40px;
    left: 48px;
    color: #666;
    font-size: 14px
}

.myAuthentication-info .myAuthentication-tips a {
    color: #267eff;
    font-size: 14px
}

.myAuthentication-sup .myPle-state .b {
    text-align: center;
    margin-top: 37px
}

.myAuthentication-sup .myPle-state .b ul {
    overflow: hidden;
    width: 765px;
    margin: 0 auto
}

.myAuthentication-sup .myPle-state .b ul li {
    padding: 0;
    width: 165px;
    text-align: right;
    margin-left: 60px
}

.myAuthentication-sup .myPle-state .b ul li:first-child {
    margin-left: 0;
    width: 90px
}

.myAuthentication-sup .myPle-state .b ul li:first-child .p-img {
    width: 90px
}

.myAuthentication-sup .myPle-state .b ul li .p-img {
    width: 165px;
    background: url(../../images/echannel/misc/myAuthentication_05.png) no-repeat left center
}

.myAuthentication-sup .myPle-state .b ul li .p-title {
    padding-top: 13px;
    float: right;
    text-align: center;
    width: 90px
}

.myAuthentication-sup .myPle-state .w-info {
    color: #999;
    line-height: 21px;
    font-size: 14px
}

.progress-area {
    padding-top: 6px
}

.progress-area div {
    width: 574px;
    height: 34px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}

.progress-area div.progress-step-1 {
    background-position: 0 0
}

.progress-area div.progress-step-2 {
    background-position: 0 -44px
}

.progress-area div.progress-step-3 {
    background-position: 0 -88px
}

.authentication-edit p.tips {
    color: #888
}

.authentication-edit td p.tips {
    color: #3a3a3a;
    font-size: 12px;
    line-height: 18px
}

.authentication-edit .button-getCode,
.authentication-edit .button-getCode-disabled {
    margin-right: 10px
}

.authentication-edit .tr-bank i {
    margin-right: 5px
}

.authentication-edit .tr-bank img {
    width: 36px;
    height: 36px;
    vertical-align: middle;
    margin-right: 5px
}

.authentication-edit .tooltips-up {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    top: -2px;
    *top: 0;
    margin-right: 10px
}

.authentication-edit .tooltips-up i {
    vertical-align: middle
}

.authentication-edit .tooltips-up .tooltips-up-panels {
    -webkit-transition: top .3s ease;
    transition: top .3s ease;
    visibility: hidden;
    *display: none;
    width: 354px;
    left: 50%;
    margin-left: -190px;
    position: absolute;
    top: 38px;
    border: 1px solid #D2D2D2;
    background-color: #FFF;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    padding: 8px 13px;
    z-index: 222
}

.authentication-edit .tooltips-up .tooltips-up-panels s {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    position: absolute;
    left: 50%;
    top: -7px;
    background-position: -134px 0;
    width: 11px;
    height: 7px;
    margin-left: -7px;
    font-size: 0;
    line-height: 0
}

.authentication-edit .tooltips-up:hover .tooltips-up-panels,
.authentication-edit .tooltips-up.hover .tooltips-up-panels {
    top: 29px;
    visibility: visible;
    *display: block
}

.authentication-edit .tooltips-up i {
    background: url("../../images/echannel/icon/icon40.png") scroll no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: 0 -182px
}

.authentication-edit .tooltips-up i span {
    visibility: hidden
}

.authentication-edit .tooltips-up i:hover {
    background-position: -16px -182px
}

.authentication-edit .tooltips-up .tooltips-up-panels .h {
    font-size: 18px;
    font-weight: 700;
    padding: 22px;
    text-align: center
}

.authentication-edit .tooltips-up .tooltips-up-panels .b {
    padding: 6px 8px 16px
}

.authentication-edit .tooltips-up .tooltips-up-panels .b img {
    float: left;
    width: 180px
}

.authentication-edit .tooltips-up .tooltips-up-panels .b p {
    float: right;
    width: 136px;
    font-size: 14px
}

.authentication-support-banks .list-group-caption {
    *zoom: 1;
    padding-bottom: 10px;
    border-bottom: 1px solid #DEDEDE
}

.authentication-support-banks .list-group-caption:before,
.authentication-support-banks .list-group-caption:after {
    content: "";
    display: table
}

.authentication-support-banks .list-group-caption:after {
    clear: both
}

.authentication-support-banks .list-group-caption h3 {
    font-size: 16px
}

.authentication-support-banks .list-group-caption h3 span {
    font-size: 14px;
    color: #888
}

.authentication-support-banks .list-group-caption h3 span em {
    color: #333
}

.authentication-support-banks .list-group {
    padding-top: 20px
}

.authentication-support-banks .list-group .h {
    padding: 13px 0;
    margin: 0 -1px;
    background-color: #FAFAFA;
    text-align: center
}

.authentication-support-banks .list-group .h b {
    font-size: 14px;
    color: #333;
    font-weight: 300
}

.authentication-support-banks .list-group .b li {
    float: left;
    width: 156px;
    padding-top: 25px
}

.authentication-support-banks .list-group .b li img {
    vertical-align: middle;
    border: 1px solid #EDEDED
}

.authentication-success .h {
    text-align: center;
    padding: 60px 0
}

.authentication-success .h s {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    display: inline-block;
    width: 72px;
    height: 72px;
    background-position: -92px -65px;
    margin-right: 19px;
    vertical-align: middle
}

.authentication-success .h p {
    padding-top: 40px;
    color: #888
}

.box-tips-phone {
    width: 414px;
    margin: 0 auto;
    margin-top: 25px;
    text-align: center
}

.box-tips-phone input {
    height: 38px;
    line-height: 38px;
    padding: 0 0 0 10px;
    border: 1px solid #ededed;
    font-size: 14px
}

.box-tips-phone input.tips-phone-text {
    margin-top: 20px
}

.box-tips-phone P {
    padding-bottom: 8px
}

.box-tips-phone a {
    height: 38px;
    line-height: 38px;
    margin-left: 18px;
    min-width: 148px
}

.box-tips-phone select {
    width: 412px;
    -webkit-padding-after: 12px;
    -webkit-padding-before: 12px;
    -webkit-padding-start: 12px;
    -webkit-padding-end: 12px
}

.box-tips-phone option {
    padding: 12px
}

.box-tips-phone .tips {
    height: 30px;
    padding-top: 10px
}

.box-tips-phone-input {
    text-align: left
}

.box-tips-phone-input p {
    padding-bottom: 14px
}

.box-tips-phone-input input {
    border: 0;
    border-bottom: 1px solid #D6D6D6;
    height: 34px;
    line-height: 34px
}

.box-tips-phone-input .tips-phone-text {
    height: 30px;
    line-height: 30px;
    margin-top: 26px
}

.box-tips-phone-input .code-name {
    display: inline-block;
    color: #999;
    margin-left: 10px;
    margin-right: 8px
}

.box-tips-phone-input a.box-evaluate {
    width: 112px;
    height: 28px;
    min-width: 0;
    line-height: 28px;
    margin-left: 13px
}

.box-tips-phone-input a.box-button-style-2 {
    border: 1px solid #D6D6D6;
    background: #fff;
    color: #3a3a3a
}

.mc-middle {
    width: 636px
}

.mc-right {
    width: 348px
}

.mc-right .banner img {
    border-radius: 10px
}

.mc-title {
    height: 54px;
    position: relative
}

.mc-title h3 {
    font-size: 16px;
    color: #303133;
    line-height: 54px;
    text-indent: 18px
}

.mc-title a {
    position: absolute;
    top: 17px;
    right: 13px;
    font-size: 14px;
    color: #777
}

.mc-title a:after {
    display: inline-block;
    content: "\e60a";
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    color: #BBB;
    font-size: 17px;
    line-height: 14px;
    position: relative;
    top: 1px;
    left: 1px
}

.mc-title a:hover {
    color: #ca141d
}

.mc-title a:hover:after {
    color: #ca141d
}

.mc-left-50 {
    padding: 0 50px
}

.mc-left-70 {
    padding: 0 70px
}

.mc-detail {
    background: #fff;
    border-radius: 10px
}

.mc-user-card {
    padding-left: 49px;
    height: 175px;
    width: 370px;
    position: relative
}

.mc-user-card .user-head {
    width: 100px;
    height: 100px;
    margin-top: 40px
}

.mc-user-card .user-head .user-img {
    width: 100px;
    height: 100px
}

.mc-user-card .user-head .user-img img {
    width: 100%;
    height: 100%;
    vertical-align: top
}

.mc-user-card .mc-user-info {
    margin-left: 39px;
    margin-top: 40px
}

.mc-user-card .mc-user-info .name {
    font-size: 19px;
    color: #333;
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mc-user-card .mc-user-info .mc-user-btn a {
    width: 82px;
    height: 26px;
    line-height: 27px;
    border: 1px solid #888;
    border-radius: 5px;
    float: left;
    text-align: center;
    font-size: 13px;
    margin-right: 12px
}

.mc-user-card .mc-user-info .mc-user-btn a.color-1 {
    color: #FDE4B3;
    background: #595454;
    border: 1px solid #595454
}

.mc-user-card .mc-user-info .mc-user-btn a.color-1:hover {
    background: #333;
    border-color: #333
}

.mc-user-card .mc-user-info .mc-user-btn a.color-2 {
    color: #333;
    background: #fff
}

.mc-user-card .mc-user-info .mc-user-btn a.color-2:hover {
    border-color: #333
}

.mc-user-card .mc-user-info .user-level {
    width: 200px;
    margin-bottom: 16px;
    display: block
}

.mc-user-card .mc-user-info .user-level p {
    width: 104px;
    height: 10px;
    border-radius: 0 5px 5px 0;
    top: 5px
}

.mc-user-card .mc-user-info .user-level p span {
    height: 10px;
    border-radius: 0 5px 5px 0
}

.mc-user-card .mc-user-info .user-level .data {
    position: absolute;
    top: 4px;
    left: 132px
}

.mc-user-huaban {
    width: 576px;
    height: 160px;
    float: right
}

.mc-user-huaban ul {
    width: 576px;
    height: 160px
}

.mc-user-huaban li {
    float: left;
    width: 144px;
    margin-top: 44px;
    text-align: center
}

.mc-user-huaban li .p-btn {
    width: 62px;
    margin: 0 auto;
    text-align: center;
    height: 18px;
    line-height: 18px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    display: block;
    color: #666
}

.mc-user-huaban li .p-btn:hover {
    border-color: #999
}

.mc-user-huaban li .p-price {
    font-size: 28px;
    color: #333;
    line-height: 32px
}

.mc-user-huaban li .p-price a:hover {
    color: #ca141d
}

.mc-user-huaban li .p-dec {
    font-size: 13px;
    color: #777;
    margin: 7px 0 11px
}

.mc-user-huaban li .p-price {
    vertical-align: baseline
}

.mc-user-huaban li .p-price span {
    font-size: 28px
}

.mc-user-portal {
    width: 100%;
    padding: 9px 0 26px 39px
}

.mc-user-portal li {
    width: 50px;
    text-align: center;
    margin-right: 77px;
    float: left
}

.mc-user-portal li:last-child {
    margin-right: 0
}

.mc-user-portal a {
    font-size: 14px;
    color: #333
}

.mc-user-portal a:hover {
    color: #ca141d
}

.mc-user-portal span {
    width: 50px;
    height: 50px;
    display: block;
    position: relative;
    background: #ccc;
    margin-bottom: 4px;
    background: url("../../images/echannel/icon/icon02.svg") no-repeat
}

.mc-user-portal .portal-icon-1 span {
    background-position: -17px -13px
}

.mc-user-portal .portal-icon-1.disabled span {
    background-position: -17px -63px
}

.mc-user-portal .portal-icon-2 span {
    background-position: -67px -13px
}

.mc-user-portal .portal-icon-2.disabled span {
    background-position: -67px -63px
}

.mc-user-portal .portal-icon-3 span {
    background-position: -117px -13px
}

.mc-user-portal .portal-icon-3.disabled span {
    background-position: -117px -63px
}

.mc-user-portal .portal-icon-4 span {
    background-position: -167px -13px
}

.mc-user-portal .portal-icon-4.disabled span {
    background-position: -167px -63px
}

.mc-user-portal .portal-icon-5 span {
    background-position: -217px -13px
}

.mc-user-portal .portal-icon-5.disabled span {
    background-position: -217px -63px
}

.mc-user-portal em {
    position: absolute;
    top: 4px;
    right: 0;
    height: 18px;
    line-height: 18px;
    border-radius: 10px;
    min-width: 8px;
    padding: 0 5px;
    text-align: center;
    color: #fff;
    background: #ca141d
}

.mc-middle .banner {
    margin: 0 auto;
    width: 600px
}

.mc-middle .banner img {
    border-radius: 10px
}

.mc-service {
    margin-top: 6px
}

.mc-service ul {
    *zoom: 1
}

.mc-service ul:before,
.mc-service ul:after {
    content: "";
    display: table
}

.mc-service ul:after {
    clear: both
}

.mc-service li {
    float: left;
    width: 77px;
    text-align: center;
    color: #4A4A4A;
    padding: 0 5px;
    padding-bottom: 12px
}

.mc-service span {
    margin-top: 9px;
    margin-bottom: 4px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mc-service em {
    color: #777;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mc-service img {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto
}

.mc-order .banner {
    border-top: 1px solid #F6F6F6;
    padding: 18px 0;
    width: 100%
}

.mc-order .banner a {
    width: 600px;
    display: block;
    margin: 0 auto
}

.mc-order-list li {
    position: relative;
    border-top: 1px solid #F6F6F6;
    padding: 15px 18px;
    font-size: 14px;
    display: table
}

.mc-order-list .p-img-list {
    width: 200px;
    display: table-cell
}

.mc-order-list .p-img {
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 10px;
    text-align: center;
    background: #F9F9F9;
    border-radius: 5px
}

.mc-order-list .p-img img {
    width: 81px;
    height: 81px;
    margin-top: 4px;
    vertical-align: top
}

.mc-order-list .p-num {
    width: 100px;
    text-align: center;
    color: #888;
    display: table-cell;
    vertical-align: middle
}

.mc-order-list .p-state {
    width: 100px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #D0021B
}

.mc-order-list .p-price {
    width: 100px;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.mc-order-list .p-operate {
    width: 100px;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.mc-order-list .p-btn {
    font-size: 13px;
    color: #FFF;
    background: #CF0A2C;
    min-width: 52px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    border-radius: 5px;
    padding: 0 10px;
    margin-top: 8px
}

.mc-order-list .p-btn:hover {
    background: #B90827
}

.mc-order-list .p-btn.disabled {
    background: #f1b5bf;
    cursor: default
}

.mc-order-list .p-btn.gray {
    background: #ccc;
    cursor: default
}

.mc-order-list .p-link {
    display: block;
    margin-bottom: 8px;
    margin-top: 8px
}

.mc-order-list .p-link:hover {
    color: #CF0A2C
}

.mc-order-list .p-express:hover .p-express-main {
    display: block
}

.mc-order-list .p-express-main {
    position: absolute;
    left: 18px;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    width: 600px;
    background: #fff;
    z-index: 1;
    display: none;
    margin-top: 4px
}

.mc-order-list .p-express-main .p-link {
    padding-bottom: 20px
}

.mc-order-list .p-express-main:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    top: -7px;
    right: 42px;
    z-index: 1
}

.mc-order-list .p-express-main:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 9px solid #f0f0f0;
    position: absolute;
    top: -9px;
    right: 41px
}

.mc-order-list .p-express-main .mc-title {
    height: 40px;
    font-size: 14px;
    margin: 0 26px;
    color: #333;
    border-bottom: 1px solid #EAEAEA;
    text-align: left
}

.mc-order-list .p-express-main .mc-title h3 {
    line-height: 40px;
    text-indent: 2px
}

.mc-order-list .p-express-main .p-express-info {
    text-align: left;
    font-size: 12px;
    color: #888;
    padding: 0 26px;
    margin-top: 13px;
    margin-bottom: 12px
}

.mc-order-list .p-express-main .p-express-info dd {
    *zoom: 1
}

.mc-order-list .p-express-main .p-express-info dd:before,
.mc-order-list .p-express-main .p-express-info dd:after {
    content: "";
    display: table
}

.mc-order-list .p-express-main .p-express-info dd:after {
    clear: both
}

.mc-order-list .p-express-main .p-express-info dd:first-child .p-express-time {
    color: #ca141d
}

.mc-order-list .p-express-main .p-express-info dd:first-child .p-express-detail {
    color: #ca141d
}

.mc-order-list .p-express-main .p-express-info dd:first-child .p-express-detail:before {
    background: #ca141d
}

.mc-order-list .p-express-main .p-express-info dd:last-child .p-express-detail:after {
    display: none
}

.mc-order-list .p-express-main .p-express-time {
    float: left;
    margin-right: 20px;
    line-height: 23px
}

.mc-order-list .p-express-main .p-express-detail {
    float: left;
    width: 385px;
    position: relative;
    padding-left: 21px;
    line-height: 23px
}

.mc-order-list .p-express-main .p-express-detail:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #EAEAEA;
    border-radius: 5px;
    display: block;
    position: absolute;
    top: 8px;
    left: -3px;
    z-index: 2
}

.mc-order-list .p-express-main .p-express-detail:after {
    content: "";
    width: 1px;
    height: 100%;
    background: #EAEAEA;
    display: block;
    position: absolute;
    top: 10px;
    left: -1px;
    z-index: 1
}

.mc-order-empty {
    font-size: 14px;
    color: #999;
    text-align: center;
    min-height: 240px;
    padding-top: 55px;
    border-top: 1px solid #F6F6F6
}

.mc-order-empty:before {
    content: "";
    width: 120px;
    height: 120px;
    background: #ccc;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    background: url("../../images/echannel/icon/icon02.svg") no-repeat;
    background-position: -25px -134px
}

.mc-order-empty a {
    color: #ca141d;
    text-decoration: underline;
    margin: 0 4px
}

.mc-member {
    width: 635px;
    overflow: hidden;
    border-top: 1px solid #F6F6F6
}

.mc-member-detail {
    width: 636px;
    overflow: hidden;
    position: static;
    height: 210px
}

.mc-member-detail li {
    width: 212px;
    height: 200px;
    float: left;
    position: relative;
    padding-top: 10px
}

.mc-member-detail li:after {
    content: "";
    width: 1px;
    height: 230px;
    background: #F6F6F6;
    position: absolute;
    top: 0;
    right: 0
}

.mc-member-detail .p-coupon {
    width: 112px;
    height: 82px;
    color: #fff;
    margin: 0 auto;
    margin-top: 14px;
    text-align: center;
    position: relative;
    background: url("../../images/echannel/bg/bg-coupon.png") no-repeat;
    background-size: 100% 200%
}

.mc-member-detail .p-coupon .p-price {
    font-size: 14px;
    height: 46px;
    padding-top: 12px;
    position: relative;
    left: -3px
}

.mc-member-detail .p-coupon .p-price span {
    font-size: 44px;
    vertical-align: top;
    position: relative;
    top: -8px;
    font-weight: bold
}

.mc-member-detail .p-coupon .p-postage {
    font-size: 26px;
    height: 56px;
    line-height: 56px;
    font-weight: bold
}

.mc-member-detail .p-coupon .p-discount {
    font-size: 14px;
    height: 46px;
    padding-top: 12px;
    text-indent: 10px
}

.mc-member-detail .p-coupon .p-discount span {
    font-size: 44px;
    position: relative;
    top: -8px;
    font-weight: bold
}

.mc-member-detail .p-coupon .p-discount em {
    position: relative;
    top: -8px;
    margin-left: 2px
}

.mc-member-detail .p-coupon .p-name {
    width: 92px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mc-member-detail .p-coupon-1 .p-coupon {
    background-position: 0 0
}

.mc-member-detail .p-coupon-2 .p-coupon {
    background-position: 0 -82px
}

.mc-member-detail .p-coupon-2 .p-score a {
    width: 82px;
    margin-left: 0
}

.mc-member-detail .p-level {
    background: #666;
    width: 46px;
    height: 17px;
    line-height: 17px;
    border-radius: 0 10px 10px 0;
    color: #fff;
    text-align: center
}

.mc-member-detail .p-title {
    width: 173px;
    margin: 0 auto;
    color: #888;
    text-align: center;
    margin-top: 17px;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mc-member-detail .p-score {
    text-align: center;
    color: #ca141d;
    line-height: 24px;
    margin-top: 12px
}

.mc-member-detail .p-score a {
    min-width: 38px;
    height: 22px;
    line-height: 22px;
    border-radius: 11px;
    border: 1px solid rgba(202, 20, 29, 0.3);
    color: #ca141d;
    text-align: center;
    display: inline-block;
    margin-left: 4px;
    padding: 0 8px
}

.mc-member-detail .p-score a:hover {
    border: 1px solid rgba(202, 20, 29, 0.5)
}

.mc-member-detail .p-score a.disabled {
    color: rgba(202, 20, 29, 0.3);
    border-color: rgba(202, 20, 29, 0.3);
    cursor: default
}

.mc-member-detail .grid-btn {
    background: #E3E3E3;
    width: 22px;
    height: 44px;
    position: absolute;
    top: 138px;
    cursor: pointer
}

.mc-member-detail .grid-btn:hover {
    background: #D5D5D5
}

.mc-member-detail .grid-btn:before {
    display: inline-block;
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    color: #424242;
    font-size: 17px;
    line-height: 14px;
    position: relative;
    top: 16px
}

.mc-member-detail .grid-btn.disabled {
    display: none
}

.mc-member-detail .btn-prev {
    border-radius: 0 4px 4px 0;
    left: 0
}

.mc-member-detail .btn-prev:before {
    left: 2px;
    content: "\E61F"
}

.mc-member-detail .btn-next {
    border-radius: 4px 0 0 4px;
    right: 0
}

.mc-member-detail .btn-next:before {
    left: 4px;
    content: "\E61D"
}

.mc-news {
    margin-top: 4px;
    padding-left: 18px;
    padding-bottom: 17px
}

.mc-news li {
    margin-bottom: 19px;
    width: 100%
}

.mc-news li em {
    width: 20px;
    height: 20px;
    background: #ccc;
    display: block;
    position: absolute;
    left: 0;
    background: url("../../images/echannel/icon/icon02.svg") no-repeat;
    background-position: -152px -143px
}

.mc-news li em.icon-1 {
    background-position: -152px -143px
}

.mc-news li em.icon-2 {
    background-position: -172px -143px
}

.mc-news li:last-child {
    margin-bottom: 0
}

.mc-news li a {
    width: 274px;
    display: block;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    position: relative;
    padding-left: 26px;
    padding-right: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mc-news li a:after {
    display: inline-block;
    content: "\E60A";
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    color: #BBB;
    font-size: 16px;
    line-height: 14px;
    position: absolute;
    top: 2px;
    right: 12px
}

.mc-news li a:hover {
    color: #ca141d
}

.mc-news li a:hover:after {
    color: #ca141d
}

.mc-recommend {
    padding-bottom: 6px
}

.mc-recommend li {
    *zoom: 1;
    padding: 17px 40px 17px 33px;
    border-top: 1px solid #F6F6F6
}

.mc-recommend li:before,
.mc-recommend li:after {
    content: "";
    display: table
}

.mc-recommend li:after {
    clear: both
}

.mc-recommend li .p-img {
    float: left;
    width: 76px;
    height: 76px;
    margin-right: 12px
}

.mc-recommend li .p-img img {
    width: 100%;
    height: 100%;
    vertical-align: top
}

.mc-recommend li .p-info {
    float: left;
    width: 376px
}

.mc-recommend li .p-title {
    font-size: 15px;
    color: #333;
    margin-bottom: 6px
}

.mc-recommend li .p-link {
    color: #777
}

.mc-recommend li .p-time {
    color: #999;
    margin-top: 9px
}

.mc-recommend li .p-btn {
    float: right;
    width: 70px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #999;
    font-size: 13px;
    color: #777;
    border-radius: 5px;
    margin-top: 23px
}

.mc-recommend li .p-btn:hover {
    color: #333;
    border-color: #666
}

.mc-recommend .banner {
    margin-bottom: 12px
}

.mc-rolling {
    width: 635px;
    border-top: 1px solid #F6F6F6;
    overflow: hidden
}

.mc-rolling .grid-items {
    height: 193px
}

.mc-rolling .goods-rolling {
    width: 636px;
    height: 218px;
    position: static
}

.mc-rolling .goods-rolling .grid-list {
    min-width: 0
}

.mc-rolling .goods-rolling .grid-items {
    border: 0;
    width: 159px;
    background: 0;
    padding-top: 25px
}

.mc-rolling .goods-rolling .grid-items:after {
    content: "";
    width: 1px;
    height: 230px;
    background: #F6F6F6;
    position: absolute;
    top: 0;
    right: 0
}

.mc-rolling .goods-rolling .grid-items .grid-img {
    width: 110px;
    height: 110px;
    margin: 0 auto;
    margin-bottom: 18px
}

.mc-rolling .goods-rolling .grid-items .grid-img img {
    width: 100%;
    height: 100%;
    vertical-align: top
}

.mc-rolling .goods-rolling .grid-items .grid-title {
    padding-top: 0;
    width: 138px;
    height: 18px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    padding: 0
}

.mc-rolling .goods-rolling .grid-items .grid-title span {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mc-rolling .goods-rolling .grid-btn {
    background: #E3E3E3;
    width: 22px;
    height: 44px;
    position: absolute;
    top: 142px;
    margin-top: 0;
    cursor: pointer
}

.mc-rolling .goods-rolling .grid-btn:before {
    display: inline-block;
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    color: #424242;
    font-size: 17px;
    line-height: 14px;
    position: relative;
    top: 16px
}

.mc-rolling .goods-rolling .grid-btn:hover {
    background: #D5D5D5
}

.mc-rolling .goods-rolling .grid-btn.disabled {
    display: none
}

.mc-rolling .goods-rolling .grid-price {
    font-size: 13px;
    color: #D0021B
}

.mc-rolling .goods-rolling .btn-prev {
    border-radius: 0 4px 4px 0;
    left: 0
}

.mc-rolling .goods-rolling .btn-prev:before {
    left: 2px;
    content: "\E61F"
}

.mc-rolling .goods-rolling .btn-next {
    border-radius: 4px 0 0 4px;
    right: 0
}

.mc-rolling .goods-rolling .btn-next:before {
    left: 4px;
    content: "\E61D"
}

.mc-rolling .goods-rolling a {
    width: 159px;
    display: block
}

.mc-rolling .swiper-button-next.swiper-button-disabled,
.mc-rolling .swiper-button-prev.swiper-button-disabled {
    background: #F0F0F0;
    background: #f0f0f0;
    cursor: not-allowed
}

.mc-banner-list {
    padding: 0 18px 18px
}

.mc-banner-list img {
    width: 100%;
    vertical-align: top
}

.mc-section {
    height: 80px;
    background: #fff;
    padding: 0 40px 0 50px
}

.mc-section h2 {
    font-size: 22px;
    line-height: 80px
}

.mc-section .tab li {
    float: left;
    margin-top: 30px;
    margin-left: 30px
}

.mc-section .tab li a {
    font-size: 14px;
    padding: 5px;
    border-bottom: 2px solid #fff
}

.mc-section .tab li.current a {
    color: #ca141d;
    border-color: #ca141d
}

.mc-section .mc-back-btn {
    width: 65px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    text-indent: -5px;
    display: block;
    border: 1px solid #ddd;
    border-left: none;
    border-radius: 0 2px 2px 0;
    position: relative;
    margin-top: 25px
}

.mc-section .mc-back-btn:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 10px solid #ddd;
    border-bottom: 15px solid transparent;
    position: absolute;
    top: -1px;
    left: -10px
}

.mc-section .mc-back-btn:after {
    content: "";
    position: absolute;
    border-top: 15px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 15px solid transparent;
    top: -1px;
    left: -9px
}

.business-explain .title span {
    margin-left: 54px;
    position: relative;
    font-size: 12px
}

.business-explain .b {
    float: left;
    width: 660px;
    margin-left: 10px;
    line-height: 1.5
}

.business-explain .business-explain-checkbox {
    margin-top: 15px
}

.business-explain .business-explain-checkbox input[type=checkbox] {
    margin-right: 8px;
    position: relative;
    top: 2px
}

.business-user-edit,
.business-user-submit {
    position: absolute;
    top: 13px;
    right: 12px;
    padding-left: 22px;
    font-size: 14px
}

.business-user-edit:before,
.business-user-submit:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: -2px
}

.business-user-edit:before {
    background-position: 0 -195px
}

.business-user-submit:before {
    background-position: -20px -195px
}

.business-detaillist {
    float: left;
    line-height: 1.5
}

.business-detaillist th {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 20px
}

.business-detaillist th.tar {
    padding-right: 30px;
    color: #3a3a3a
}

.business-detaillist td {
    vertical-align: top;
    height: 34px;
    padding-right: 50px
}

.business-detaillist .tar {
    padding-right: 20px;
    color: #a4a4a4
}

.business-user .business-detaillist {
    width: 50%
}

.business-user .business-detaillist:first-child {
    border-right: 1px solid #eaeaea
}

.business-user .business-user-img {
    padding-right: 0
}

.business-user .business-user-img img {
    float: left;
    width: 100px;
    height: 74px;
    margin: 0 10px 10px 0
}

input.detaillist-input {
    border: 0;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 2px;
    position: relative;
    top: -1px;
    width: 230px;
    margin-bottom: 2px
}

input.detaillist-input:disabled {
    border-color: #fff;
    background: #fff;
    color: #3a3a3a
}

input.detaillist-input[disabled] {
    border-color: #fff;
    background: #fff;
    color: #3a3a3a
}

.mc-record .col-width-1 {
    width: 160px
}

.mc-record .col-width-2 {
    width: 102px
}

.mc-record .col-width-3 {
    width: 170px
}

.mc-record table {
    table-layout: fixed;
    width: 100%;
    padding-left: 40px
}

.mc-record table td {
    vertical-align: top
}

.mc-record .list-group-title {
    background: #fff;
    color: #a4a4a4;
    line-height: 1;
    padding: 13px 0
}

.mc-record .list-group-title th {
    text-align: center
}

.mc-record .list-group-title th:first-child+th {
    text-align: left
}

.mc-record .list-group-item {
    background: #fff;
    margin-top: 10px
}

.mc-record .list-group-item .o-info {
    background: #fdfdfd;
    border-bottom: 1px solid #eaeaea;
    color: #a4a4a4;
    font-size: 14px;
    padding: 13px 40px;
    line-height: 1
}

.mc-record .list-group-item .o-info .o-no {
    margin-left: 20px;
    margin-right: 20px
}

.mc-record .list-group-item .o-logistics {
    display: inline-block;
    z-index: 2
}

.mc-record .list-group-item .o-logistics .o-logistics-record {
    -webkit-transition: top .3s ease;
    transition: top .3s ease;
    visibility: hidden;
    position: absolute;
    top: 30px;
    left: -92px;
    width: 513px;
    border: 1px solid #DEDEDE;
    background-color: #FFF
}

.mc-record .list-group-item .o-logistics .o-logistics-record .o-logistics-list {
    padding: 0 30px 22px
}

.mc-record .list-group-item .o-logistics .o-logistics-record .o-logistics-list table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.mc-record .list-group-item .o-logistics .o-logistics-record .o-logistics-list table .col-log-date {
    width: 172px;
    padding-left: 1px
}

.mc-record .list-group-item .o-logistics .o-logistics-record .o-logistics-list table thead tr th {
    border-bottom: 1px solid #DEDEDE;
    padding: 30px 0 10px
}

.mc-record .list-group-item .o-logistics .o-logistics-record .o-logistics-list table tbody tr td {
    word-break: break-all;
    word-wrap: break-word;
    vertical-align: top;
    line-height: 21px;
    color: #888;
    padding: 4.5px 0
}

.mc-record .list-group-item .o-logistics .o-logistics-record .o-logistics-list table tbody tr.tr-latest td {
    color: #333;
    padding-top: 13.5px
}

.mc-record .list-group-item .o-logistics .o-logistics-record .o-logistics-list-loading {
    text-align: center;
    padding-top: 22px
}

.mc-record .list-group-item .o-logistics .o-logistics-record .o-logistics-list-empty {
    text-align: center;
    color: #888;
    padding: 26px 0
}

.mc-record .list-group-item .o-logistics .o-logistics-record s {
    background: url("../../images/echannel/sprites/sprites23.png") scroll no-repeat;
    position: absolute;
    top: -7px;
    left: 139px;
    width: 11px;
    height: 7px;
    font-size: 0;
    line-height: 0;
    background-position: -134px 0
}

.mc-record .list-group-item .o-logistics.hover,
.mc-record .list-group-item .o-logistics:hover {
    position: relative
}

.mc-record .list-group-item .o-logistics.hover .o-logistics-record,
.mc-record .list-group-item .o-logistics:hover .o-logistics-record {
    visibility: visible;
    top: 27px
}

.mc-record .list-group-item .o-logistics-link {
    position: relative;
    padding-left: 25px
}

.mc-record .list-group-item .o-logistics-link:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: -1px;
    left: 0;
    background-position: -40px -162px
}

.mc-record .list-group-item .o-pro-detail {
    float: left;
    width: 726px
}

.mc-record .list-group-item .o-pro-btn {
    float: right;
    width: 170px;
    padding-top: 20px;
    text-align: center
}

.mc-record .list-group-item .o-pro-btn .p-link {
    padding-top: 8px;
    font-size: 14px
}

.mc-record .list-group-item .o-pro-btn .button-5 {
    margin-bottom: 5px
}

.mc-record .list-group-item .o-pro-price {
    float: left;
    width: 102px;
    text-align: center;
    padding-top: 20px;
    font-size: 14px;
    line-height: 1.5
}

.mc-record .list-group-item .o-pro-price .p-price {
    padding-top: 8px;
    padding-bottom: 8px
}

.mc-record .list-group-item .o-pro-main {
    padding: 20px 0
}

.mc-record .list-group-item .o-pro-main td {
    text-align: center;
    font-size: 14px;
    line-height: 1.5
}

.mc-record .list-group-item .o-pro-main td:first-child+td {
    text-align: left
}

.mc-record .list-group-item .o-pro-main .p-name,
.mc-record .list-group-item .o-pro-main .p-num,
.mc-record .list-group-item .o-pro-main .p-price {
    padding-top: 8px
}

.mc-record .list-group-item .o-pro-main .p-price {
    padding-bottom: 8px
}

.mc-record .list-group-item .o-pro-main .p-img {
    width: 100px;
    height: 100px;
    margin-left: 40px
}

.mc-record .list-group-item .o-pro-main .p-img img {
    width: 100%;
    height: 100%
}

.mc-record .list-group-item .o-pro-parts {
    padding-left: 40px;
    padding-bottom: 19px
}

.mc-record .list-group-item .o-pro-parts .o-pro-parts-list {
    background: #f5f5f5;
    padding-top: 20px;
    margin-bottom: 1px;
    position: relative
}

.mc-record .list-group-item .o-pro-parts .o-pro-parts-list h2 {
    text-indent: 20px;
    float: left;
    font-size: 14px
}

.mc-record .list-group-item .o-pro-parts .o-pro-parts-list:first-child:before {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #f5f5f5;
    position: absolute;
    top: -7px;
    margin-left: 42px;
    z-index: 2
}

.mc-record .list-group-item .o-pro-parts ul {
    padding-bottom: 20px;
    float: right;
    width: 566px
}

.mc-record .list-group-item .o-pro-parts li {
    float: left;
    font-size: 14px
}

.mc-record .list-group-item .o-pro-parts li .p-img {
    float: left;
    margin-right: 20px;
    width: 36px;
    height: 36px
}

.mc-record .list-group-item .o-pro-parts li .p-img img {
    width: 100%;
    height: 100%
}

.mc-record .list-group-item .o-pro-parts li .p-name {
    float: left
}

.mc-record .list-group-item .o-pro-parts li .p-sku {
    margin-left: 20px
}

.mc-record .list-group-item .o-pro-parts li:first-child {
    width: 362px;
    margin-right: 102px
}

.mc-record .list-group-item .o-pro-parts li:first-child+li {
    width: 102px;
    text-align: center
}

.business-edit {
    line-height: 1.5
}

.business-edit .title {
    font-size: 18px;
    line-height: 1;
    border-left: 2px solid #ca141d;
    padding-left: 8px
}

.business-edit input[type=checkbox]::-ms-check {
    display: none
}

.business-edit input[type=checkbox] {
    display: inline-block;
    height: 14px;
    width: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../../images/echannel/icon/icon-header.png") no-repeat;
    background-position: -18px -129px
}

.business-edit input[type=checkbox]:checked {
    background-position: 0 -129px
}

.business-edit input[type=checkbox]:disabled {
    background-position: -18px -115px;
    cursor: not-allowed
}

.business-edit input[type=radio]::-ms-check {
    display: none
}

.business-edit input[type=radio] {
    display: inline-block;
    height: 14px;
    width: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../../images/echannel/icon/icon-radio.png") no-repeat;
    background-position: 0 -14px
}

.business-edit input[type=radio]:checked {
    background-position: 0 0
}

.business-edit input.form-input-text {
    width: 230px
}

.business-edit .form-input .report-errors {
    width: 213px
}

.business-edit .form-input td {
    vertical-align: top;
    height: 37px;
    padding-bottom: 20px
}

.business-edit .form-textarea {
    width: 616px;
    height: 92px;
    padding: 8px 10px;
    border: 1px solid #ddd
}

.business-edit .form-textarea::-webkit-input-placeholder {
    color: #ccc
}

.business-edit .form-textarea:-moz-placeholder {
    color: #ccc
}

.business-edit .form-textarea::-moz-placeholder {
    color: #bbb
}

.business-edit .form-textarea:-ms-input-placeholder {
    color: #ccc
}

.business-edit .form-input-checkbox {
    margin-top: 5px
}

.business-edit .form-input-checkbox ul {
    margin-bottom: 3px
}

.business-edit .form-input-checkbox li {
    float: left;
    margin-right: 20px
}

.business-edit .form-input-checkbox input[type=checkbox] {
    position: relative;
    top: 2px;
    margin-right: 5px
}

.business-edit .form-input-time {
    position: relative;
    width: 230px
}

.business-edit .form-input-time input {
    height: 28px;
    line-height: 28px;
    width: 214px;
    padding: 0 4px 0 10px;
    border: 1px solid #d6d6d6;
    display: inline-block;
    color: #3a3a3a;
    margin-bottom: 3px;
    background: transparent;
    position: relative;
    z-index: 2;
    cursor: pointer
}

.business-edit .form-input-time:after {
    content: "";
    width: 20px;
    height: 20px;
    top: 5px;
    right: 11px;
    position: absolute;
    z-index: 1;
    background: url("../../images/echannel/icon/icon50.png") no-repeat 0 0
}

table.pro-table {
    background: #eaeaea;
    border-spacing: 1px;
    table-layout: fixed;
    border-collapse: separate;
    width: 100%;
    text-align: center
}

table.pro-table th {
    background: #f5f5f5;
    color: #a4a4a4;
    text-align: center;
    line-height: 40px
}

table.pro-table th span {
    margin-right: 8px;
    position: relative;
    top: 2px
}

table.pro-table td {
    background: #fff;
    line-height: 1.5;
    padding: 11px 10px;
    position: relative
}

table.pro-table td.disabled {
    color: #d1d1d1
}

table.pro-table .pro-table-link {
    color: #a4a4a4
}

table.pro-table input[type=text] {
    border: 0;
    color: #3a3a3a;
    width: 80px;
    height: 18px;
    text-align: center;
    font-family: "Microsoft Yahei", Arial
}

table.pro-table input[type=text]:disabled {
    background: #fff
}

table.pro-table input[type=text][disabled] {
    background: #fff
}

table.pro-table tr td:first-child input[type=text] {
    width: 120px
}

table.pro-table tr td:first-child+td input[type=text] {
    width: 300px
}

.table-tips {
    position: absolute;
    top: -25px;
    left: -22px;
    width: 124px;
    background: #fff;
    border: 1px solid #d6d6d6;
    z-index: 10;
    padding: 5px 8px;
    box-shadow: 0 2px 5px rgba(100, 100, 100, 0.2)
}

.table-tips:after {
    content: "";
    width: 21px;
    height: 10px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
    background-position: 0 -158px
}

.table-tips.table-tips-long {
    left: -28px;
    width: 138px
}

.pro-table-num {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 8px;
    position: relative;
    top: 1px
}

.pro-table-num:before {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    cursor: pointer
}

.pro-table-num:hover b {
    display: block
}

.pro-table-num b {
    position: absolute;
    top: 30px;
    left: -22px;
    display: none;
    width: 458px;
    background: #fff;
    border: 1px solid #d6d6d6;
    font-size: 12px;
    font-weight: normal;
    z-index: 10;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(100, 100, 100, 0.2)
}

.pro-table-num b:before {
    background-position: -24px -158px;
    top: -10px;
    content: "";
    display: block;
    height: 10px;
    left: 15px;
    position: absolute;
    width: 21px
}

.pro-table-num b strong {
    width: 458px;
    height: 289px;
    display: block;
    background: url("../../images/echannel/sprites/business.jpg") no-repeat
}

.business-address ul {
    margin-top: 1px
}

.business-address ul li {
    *zoom: 1;
    line-height: 20px;
    margin-bottom: 7px
}

.business-address ul li:before,
.business-address ul li:after {
    content: "";
    display: table
}

.business-address ul li:after {
    clear: both
}

.business-address ul li.default .address-detail-location {
    max-width: 318px
}

.business-address ul input[type=radio] {
    float: left;
    margin-top: 6px;
    margin-right: 10px
}

.business-address ul .address-detail {
    float: left;
    width: 600px;
    line-height: 26px;
    padding-left: 10px
}

.business-address ul .address-detail p {
    float: left
}

.business-address ul .address-detail span {
    margin-right: 15px;
    float: left
}

.business-address ul .address-detail:hover {
    background: #f8f8f8
}

.business-address ul .address-detail:hover .address-detail-location {
    max-width: 220px
}

.business-address ul .address-detail:hover .address-operate {
    display: block
}

.business-address ul .address-detail-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 84px
}

.business-address ul .address-detail-location {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 394px
}

.business-address ul .address-status {
    float: left;
    width: 60px;
    height: 20px;
    line-height: 20px;
    border-radius: 2px;
    background: #999;
    color: #fff;
    text-align: center;
    margin-top: 3px
}

.business-address ul .address-operate {
    position: absolute;
    top: 0;
    right: 0;
    display: none
}

.business-address ul .address-operate a {
    margin-right: 20px;
    color: #a4a4a4
}

.business-address .report-errors {
    width: 600px !important
}

.business-address-btn {
    height: 46px
}

.business-address-btn .button-add {
    margin-bottom: 4px
}

.business-submit-price {
    font-size: 14px;
    height: 30px
}

.business-submit-price b {
    font-size: 22px;
    color: #ca141d;
    font-weight: normal;
    margin: 0 5px
}

.business-invoice .title em {
    font-size: 12px;
    color: #a4a4a4;
    margin-left: 10px;
    position: relative;
    top: -2px
}

.business-invoice .title span {
    margin-left: 54px;
    position: relative;
    font-size: 12px
}

.business-invoice .b {
    margin-left: 153px;
    margin-top: 18px;
    font-size: 14px;
    line-height: 1
}

.business-invoice .b span {
    margin: 0 20px
}

.business-invoice .b a {
    color: #a4a4a4;
    text-decoration: underline
}

.business-invoice .b .report-errors {
    display: inline-block;
    margin-left: 18px
}

.business-invoice.business-invoice-show .title em {
    margin-left: 50px
}

.business-invoice.business-invoice-show .b {
    margin-left: 133px
}

.business-btn {
    text-align: center;
    height: 124px
}

.business-btn .button-4 {
    margin-right: 18px
}

.business-btn p {
    text-indent: 200px;
    padding-top: 2px
}

.question-list li {
    border-top: 1px solid #ddd;
    padding: 20px 0;
    line-height: 20px;
    position: relative
}

.question-list li:first-child {
    border-top: 0
}

.question-list li h2 {
    margin-bottom: 16px;
    font-weight: bold;
    position: relative;
    padding: 0 20px 0 30px
}

.question-list li h2 em {
    background: #f39f36
}

.question-list li p {
    position: relative;
    padding: 0 20px 0 30px
}

.question-list li p em {
    background: #64ca75
}

.question-list li em {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.question-list li span {
    display: inline-block
}

.order-cancel {
    width: 541px;
    margin: 0 auto;
    margin-top: 40px;
    min-height: 46px
}

.order-cancel label {
    float: left;
    line-height: 30px;
    color: #a4a4a4;
    margin-right: 20px
}

.order-cancel label span {
    margin-right: 5px
}

.order-cancel .order-cancel-main {
    float: left;
    position: relative;
    cursor: pointer
}

.order-cancel .order-cancel-main:hover .order-cancel-detail {
    display: block
}

.order-cancel .order-cancel-main:hover .order-cancel-pulldown {
    position: relative;
    z-index: 20;
    border-radius: 2px 2px 0 0
}

.order-cancel .order-cancel-main:hover .order-cancel-pulldown:after {
    background-position: 0 -19px
}

.order-cancel .order-cancel-pulldown {
    height: 28px;
    line-height: 28px;
    width: 409px;
    padding: 0 34px 0 10px;
    border: 1px solid #d6d6d6;
    display: inline-block;
    position: relative;
    border-radius: 2px;
    color: #a4a4a4
}

.order-cancel .order-cancel-pulldown.click {
    color: #3A3A3A
}

.order-cancel .order-cancel-pulldown:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    right: 8px;
    background: url("../../images/echannel/icon/icon50.png") no-repeat;
    background-position: 0 0
}

.order-cancel .order-cancel-detail {
    position: absolute;
    top: 29px;
    left: 0;
    width: 453px;
    background: #fff;
    border: 1px solid #d6d6d6;
    display: none;
    z-index: 21;
    border-radius: 2px
}

.order-cancel .order-cancel-detail ul {
    padding: 20px 0 10px
}

.order-cancel .order-cancel-detail li {
    float: left;
    width: 190px;
    margin-left: 28px;
    margin-bottom: 13px
}

.order-cancel .order-cancel-detail li input[type="radio"] {
    margin-right: 10px
}

.order-cancel .order-cancel-detail input[type=radio]::-ms-check {
    display: none
}

.order-cancel .order-cancel-detail input[type=radio] {
    display: inline-block;
    height: 14px;
    width: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../../images/echannel/icon/icon-radio.png") no-repeat;
    background-position: 0 -14px
}

.order-cancel .order-cancel-detail input[type=radio]:checked {
    background-position: 0 0
}

.order-cancel .report-errors {
    margin-left: 80px;
    margin-top: 4px
}

.order-cancel-tips {
    margin: 0 auto;
    font-size: 14px;
    margin-top: 66px;
    margin-bottom: 62px
}

.order-cancel-tips ul {
    margin-left: 22px
}

.order-cancel-tips ul li {
    margin-top: 8px
}

.mc-visitor-img {
    max-width: 190px
}

.mc-visitor-img img {
    min-width: 190px;
    height: 320px;
    vertical-align: top;
    margin-bottom: 10px
}

.form-time {
    position: relative;
    width: 300px
}

.form-time .text {
    cursor: pointer
}

.form-time .text:focus {
    border-color: #DEDEDE !important
}

.form-time:before {
    content: "";
    width: 13px;
    height: 7px;
    background: url("../../images/echannel/icon/icon-arrow.png") no-repeat;
    position: absolute;
    right: 12px;
    top: 17px;
    cursor: pointer
}

.form-time-detail {
    border: 1px solid #dedede;
    border-top: 0;
    background: #fff;
    position: absolute;
    top: 38px;
    width: 272px;
    left: 0;
    padding: 12px 13px 3px 13px;
    z-index: 1
}

.form-time-detail a {
    font-size: 12px
}

.form-time-detail a:hover {
    color: #3a3a3a !important
}

.form-time-detail .form-time-tab {
    margin-bottom: 14px
}

.form-time-detail .form-time-tab a {
    float: left;
    margin-right: 20px
}

.form-time-detail .form-time-tab a:after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    background: #fff
}

.form-time-detail .form-time-tab a.current {
    color: #ca141d;
    cursor: default
}

.form-time-detail .form-time-tab a.current:after {
    background: #ca141d
}

.form-time-detail .form-time-tab a.current:hover {
    color: #ca141d !important
}

.form-time-detail .form-time-con {
    display: none
}

.form-time-detail .form-time-con ul {
    width: 286px
}

.form-time-detail .form-time-con li {
    float: left;
    margin-right: 20px;
    padding: 0 0 10px 0 !important
}

.form-time-detail .form-time-con.current {
    display: block
}

.order-refund-list .order-refund-detail {
    margin-top: 80px;
    border-top: 1px solid #dedede
}

.order-refund-list .order-refund-detail:first-child {
    margin-top: 0;
    border: 0
}

.order-refund h3 {
    font-size: 16px;
    margin-bottom: 12px
}

.order-refund table {
    background: #dedede;
    border-collapse: separate;
    border-spacing: 1px
}

.order-refund table td {
    background: #fff;
    text-indent: 56px;
    font-size: 14px;
    line-height: 58px;
    color: #888
}

.order-refund table td span {
    margin-left: 12px;
    color: #3A3A3A
}

.order-refund .order-refund-info ul {
    border: 1px solid #dedede;
    border-bottom: 0;
    border-right: 0;
    *zoom: 1
}

.order-refund .order-refund-info ul:before,
.order-refund .order-refund-info ul:after {
    content: "";
    display: table
}

.order-refund .order-refund-info ul:after {
    clear: both
}

.order-refund .order-refund-info ul li {
    float: left;
    width: 356px;
    border: 1px solid #dedede;
    border-top: 0;
    border-left: none;
    background: #fff;
    font-size: 14px;
    line-height: 22px;
    height: 46px;
    padding: 6px 56px;
    color: #888;
    vertical-align: middle
}

.order-refund .order-refund-info ul li:nth-of-type(odd) {
    width: 357px
}

.order-refund .order-refund-info ul li span {
    margin-left: 0;
    margin-right: 3px
}

.order-refund .order-refund-info.order-refund-singular ul li:last-child {
    width: 826px
}

.order-refund .order-refund-info label {
    display: inline;
    margin-right: 12px
}

.order-refund .order-refund-info .refund-info-main {
    display: table-cell;
    vertical-align: middle;
    height: 46px
}

.order-refund .order-refund-info .refund-info-detail {
    display: block;
    overflow: hidden;
    max-height: 44px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.order-refund .order-refund-info .refund-info-price {
    display: inline;
    color: #3a3a3a;
    max-height: 44px
}

.order-refund .order-refund-info .refund-info-price .refund-info-detail-remark {
    font-size: 12px;
    color: #999
}

.order-refund .refund-info-more td {
    vertical-align: middle;
    line-height: 1.5;
    padding: 6px 0;
    position: relative;
    text-indent: 0;
    height: 46px
}

.order-refund .refund-info-more td label {
    display: table-cell;
    font-size: 14px;
    padding-left: 56px;
    padding-right: 12px
}

.order-refund .refund-info-more .refund-info-detail {
    display: table-row
}

.order-refund .refund-info-more .refund-info-price {
    display: table-cell;
    font-size: 14px;
    width: 300px
}

.order-refund .refund-info-more .refund-info-price span {
    margin-left: 0
}

.order-card {
    width: 638px;
    height: 268px;
    border: 1px solid #cfcfcf;
    margin: 0 auto;
    margin-top: 10px
}

.order-card textarea {
    width: 614px;
    height: 220px;
    display: block;
    margin: 0 auto;
    margin-top: 12px;
    border: 0;
    resize: none;
    overflow: hidden;
    font-size: 14px
}

.order-card p {
    text-align: right;
    padding-right: 12px;
    margin-top: 10px
}

.order-card p em {
    color: #bbb
}

.order-card-errors {
    margin-left: 50px;
    margin-top: 4px
}

.section-header-new {
    border-bottom: 0
}

.myorder-hd {
    border-bottom: 1px solid #EAEAEA;
    margin-top: 15px
}

.myorder-hd .tab {
    font-size: 18px
}

.myorder-hd .tab li {
    float: left;
    width: 120px;
    margin-right: 10px;
    text-align: center;
    position: relative
}

.myorder-hd .tab li a {
    font-weight: bold;
    line-height: 44px;
    display: block
}

.myorder-hd .tab li.current a {
    color: #ca141d
}

.myorder-hd .tab li.current:after {
    content: "";
    width: 120px;
    height: 2px;
    background: #ca141d;
    position: absolute;
    bottom: 0;
    left: 0
}

.myorder-hd .link {
    margin-top: 22px
}

.myorder-hd .link a {
    color: #267EFF
}

.myorder-hd .link a.only {
    margin-right: 5px
}

.myorder-hd .link a.only:after {
    display: none
}

.myGold-Roll {
    margin-top: 15px
}

.myGold-Roll .tab {
    font-size: 18px
}

.myGold-Roll .tab li {
    float: left;
    width: 210px;
    margin-right: 10px;
    text-align: center;
    position: relative
}

.myGold-Roll .tab li a {
    font-weight: bold;
    line-height: 44px;
    display: block
}

.myGold-Roll .tab li.current a {
    color: #ca141d
}

.myGold-Roll .tab li.current:after {
    content: "";
    width: 210px;
    height: 2px;
    background: #ca141d;
    position: absolute;
    bottom: 0;
    left: 0
}

.myGold-Roll .link {
    margin-top: 22px
}

.myGold-Roll .link a {
    color: #267EFF
}

.myGold-Roll .link a.only {
    margin-right: 5px
}

.myGold-Roll .link a.only:after {
    display: none
}

.myGold-Roll-note {
    margin-top: 10px;
    font-family: HarmonyHeiTi;
    font-size: 14px;
    color: #666;
    text-align: left;
    font-weight: 400
}

.myorder-list {
    margin-top: 10px
}

.myorder-list .list-group-page {
    text-align: right;
    margin-top: 130px
}

.myorder-list .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #f2f2f2;
    padding: 50px 0
}

.myorder-list-status {
    background: #F6F6F6;
    font-size: 14px;
    margin-bottom: 10px
}

.myorder-list-status li {
    float: left;
    text-align: center;
    line-height: 45px
}

.myorder-list-status li:first-child {
    width: 500px
}

.myorder-list-status li:first-child .gray {
    font-size: 12px;
    margin-left: 13px;
    color: #A4A4A4
}

.myorder-list-status li:first-child+li {
    width: 60px
}

.myorder-list-status li:first-child+li+li {
    width: 180px
}

.myorder-list-status li:first-child+li+li+li {
    width: 200px
}

.myorder-list-record li:first-child {
    width: 560px
}

.myorder-list-record li:first-child+li {
    width: 180px
}

.myorder-list-record li:first-child+li+li {
    width: 200px
}

.myorder-list-record .myorder-time {
    float: left;
    width: 180px;
    position: relative
}

.myorder-list-record .myorder-time span {
    display: block;
    width: 180px;
    line-height: 45px;
    position: relative;
    cursor: pointer
}

.myorder-list-record .myorder-time span:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #333;
    position: absolute;
    top: 19px;
    margin-left: 20px
}

.myorder-list-record .myorder-time dl {
    position: absolute;
    top: 45px;
    left: 0;
    width: 180px;
    background: #F6F6F6;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    z-index: 1;
    display: none
}

.myorder-list-record .myorder-time dl a {
    display: block
}

.myorder-list-record .myorder-time dl dd:hover {
    background: #ca141d
}

.myorder-list-record .myorder-time dl dd:hover a {
    color: #fff
}

.myorder-list-record .myorder-time:hover dl {
    display: block
}

.myorder-list-info {
    background: #F6F6F6;
    line-height: 30px
}

.myorder-list-info .fl {
    margin-left: 20px
}

.myorder-list-info .fl li {
    float: left;
    margin-right: 24px
}

.myorder-list-info .fl li a:hover {
    color: #267EFF
}

.myorder-list-info .fr {
    margin-right: 20px
}

.myorder-list-detail {
    display: table;
    border: 1px solid #F6F6F6;
    border-top: 0;
    margin-bottom: 20px
}

.myorder-main {
    display: table-cell;
    width: 560px;
    font-size: 14px;
    vertical-align: middle
}

.myorder-main ul {
    padding-top: 20px;
    padding-bottom: 15px
}

.myorder-main li {
    float: left
}

.myorder-main li:first-child {
    width: 144px
}

.myorder-main li:first-child+li+li {
    width: 60px;
    text-align: center;
    line-height: 100px
}

.myorder-main li .p-img {
    margin-left: 20px;
    display: block
}

.myorder-main li .p-img img {
    width: 100px;
    height: 100px;
    vertical-align: top
}

.myorder-main li.p-name {
    width: 318px;
    font-size: 14px;
    display: block;
    line-height: 20px;
    padding-right: 38px
}

.myorder-main li.p-name span {
    border: 1px solid #ca141d;
    border-radius: 2px;
    color: #ca141d;
    font-size: 12px;
    margin-right: 5px;
    text-align: center;
    padding: 0 7px;
    min-width: 24px;
    line-height: 14px;
    float: left;
    position: relative;
    top: 2px
}

.myorder-status {
    width: 180px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    line-height: 24px
}

.myorder-status .gray {
    color: #888
}

.myorder-actions {
    width: 198px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 4px 0
}

.myorder-actions .link {
    color: #ca141d;
    position: relative;
    top: 8px;
    padding-top: 4px;
    display: block
}

.myorder-actions .button-myorder {
    width: 98px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #BBB;
    display: block;
    margin: 16px auto;
    border-radius: 2px
}

.myorder-actions .button-myorder:hover {
    background: #ca141d;
    border-color: #ca141d;
    color: #fff
}

.myorder-actions .button-myorder-red {
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    display: block;
    margin: 0 auto;
    border-radius: 2px;
    background: #ca141d;
    color: #fff
}

.myorder-actions-tips {
    color: #888
}

.myorder-actions-tips em {
    width: 12px;
    height: 12px;
    background: url("../../images/echannel/icon/icon-order.png") no-repeat -32px -85px;
    display: inline-block;
    position: relative;
    top: 1px
}

.myorder-actions-tips em b {
    background: #fff;
    border: 1px solid #d6d6d6;
    box-shadow: 0 2px 5px rgba(100, 100, 100, 0.2);
    font-size: 12px;
    line-height: 1.4;
    font-weight: normal;
    width: 160px;
    padding: 8px;
    position: absolute;
    top: 24px;
    z-index: 10;
    text-align: left;
    right: -22px;
    display: none;
    color: #3a3a3a
}

.myorder-actions-tips em b:before {
    background: url("../../images/echannel/icon/icon-order.png") no-repeat -24px -158px;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    width: 21px;
    top: -10px;
    right: 17px
}

.myorder-actions-tips em:hover b {
    display: block
}

.priority-list .myorder-list-status {
    background: #f1f1f1;
    margin-bottom: 0;
    color: #717171
}

.priority-list .myorder-list-status li:first-child+li {
    width: 120px
}

.priority-list .myorder-list-status li:first-child+li+li {
    width: 120px
}

.priority-list .myorder-main {
    width: 620px
}

.priority-list .myorder-main .p-img {
    cursor: default
}

.priority-list .myorder-main ul {
    padding-top: 15px
}

.priority-list .myorder-main li:first-child+li+li {
    width: 120px
}

.priority-list .myorder-status {
    width: 120px
}

.priority-list .myorder-list-item {
    border: 1px solid #F6F6F6
}

.priority-list .myorder-list-item .myorder-list-detail:first-child {
    margin-top: 5px
}

.priority-list .myorder-list-detail {
    border: 0;
    margin-bottom: 0
}

.code-app .code {
    border: 1px solid #404040;
    width: 178px;
    height: 178px;
    margin: 0 auto;
    margin-top: 36px
}

.code-app .code img {
    width: 172px;
    height: 172px;
    display: block;
    margin: 0 auto;
    margin-top: 3px;
    vertical-align: top
}

.code-app .tips {
    font-size: 16px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 45px
}

.code-app .tips span {
    color: #267eff
}

.price-list {
    color: #333;
    margin-top: 30px
}

.price-list .list-group-page {
    text-align: right;
    margin-top: 20px
}

.price-list .list-group-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #f2f2f2;
    padding: 50px 0
}

.price-list-status {
    background: #FAFAFA;
    font-size: 14px;
    margin-bottom: 10px
}

.price-list-status li {
    float: left;
    text-align: center;
    line-height: 40px
}

.price-list-status li:first-child {
    width: 500px
}

.price-list-status li:first-child+li {
    width: 60px
}

.price-list-status li:first-child+li+li {
    width: 180px
}

.price-list-status li:first-child+li+li+li {
    width: 200px
}

.price-list-info {
    background: #FAFAFA;
    line-height: 30px
}

.price-list-info .fl {
    margin-left: 20px
}

.price-list-info .fl li {
    float: left;
    margin-right: 24px
}

.price-list-info .fl li a:hover {
    color: #267EFF
}

.price-list-detail {
    display: table;
    border: 1px solid #F6F6F6;
    border-top: 0;
    margin-bottom: 20px
}

.price-main {
    width: 938px;
    font-size: 14px
}

.price-main ul {
    padding: 8px 0;
    margin: 8px 0
}

.price-main li {
    display: table-cell;
    vertical-align: middle;
    line-height: 20px
}

.price-main li:first-child {
    width: 143px
}

.price-main li:first-child+li+li {
    width: 60px;
    color: #666;
    text-align: center
}

.price-main li:first-child+li+li+li {
    width: 180px;
    color: #666;
    text-align: center
}

.price-main li:first-child+li+li+li+li {
    width: 199px
}

.price-main li a:hover {
    color: #ca141d
}

.price-main li .p-img {
    margin-left: 20px;
    display: block;
    height: 100px
}

.price-main li .p-img img {
    width: 100px;
    height: 100px;
    vertical-align: top
}

.price-main li.p-name {
    width: 318px;
    font-size: 14px;
    padding-right: 38px
}

.price-main li.p-name p {
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.price-main li.p-name span {
    border: 1px solid #ca141d;
    border-radius: 2px;
    color: #ca141d;
    font-size: 12px;
    margin-right: 5px;
    text-align: center;
    padding: 0 7px;
    min-width: 24px;
    line-height: 14px;
    position: relative
}

.price-main li .btn-price {
    text-align: center;
    width: 120px;
    height: 30px;
    display: block;
    margin: 0 auto;
    color: #fff;
    line-height: 30px;
    background: #ca141d
}

.price-main li .btn-price.disabled {
    background: rgba(0, 0, 0, 0.2);
    cursor: default
}

.price-main li .btn-price:hover {
    color: #fff
}

.price-main .price-tips {
    font-size: 12px;
    padding-left: 45px;
    line-height: 16px;
    position: relative
}

.price-main .price-tips a {
    color: #267EFF
}

.price-main .price-tips:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 20px;
    border-radius: 8px
}

.price-main .price-tips:after {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    z-index: 1;
    color: #fff
}

.price-main .price-tips.success:before {
    background: #64b550
}

.price-main .price-tips.success:after {
    content: "\e62d";
    font-weight: bold;
    top: 1px;
    left: 18px;
    font-size: 20px
}

.price-main .price-tips.fail:before {
    background: #ca141d
}

.price-main .price-tips.fail:after {
    content: "\e637";
    top: 4px;
    left: 18px;
    font-size: 22px
}

.price-main:last-child .price-tips {
    margin-bottom: 16px
}

.price-record-list .price-list-status {
    margin-bottom: 8px
}

.price-record-list .price-list-status li:first-child {
    width: 334px
}

.price-record-list .price-list-status li:first-child+li {
    width: 150px
}

.price-record-list .price-list-status li:first-child+li+li {
    width: 123px
}

.price-record-list .price-list-status li:first-child+li+li+li {
    width: 100px
}

.price-record-list .price-list-status li:first-child+li+li+li+li {
    width: 123px
}

.price-record-list .price-list-status li:first-child+li+li+li+li+li {
    width: 110px
}

.price-record-list .price-main {
    width: 940px
}

.price-record-list .price-main li:first-child {
    width: 134px
}

.price-record-list .price-main li:first-child+li {
    width: 200px
}

.price-record-list .price-main li:first-child+li+li {
    width: 150px
}

.price-record-list .price-main li:first-child+li+li+li {
    width: 123px;
    text-align: center;
    color: #666
}

.price-record-list .price-main li:first-child+li+li+li+li {
    width: 100px;
    text-align: center;
    color: #666
}

.price-record-list .price-main li:first-child+li+li+li+li+li {
    width: 123px;
    text-align: center;
    color: #666
}

.price-record-list .price-main li:first-child+li+li+li+li+li+li {
    width: 110px;
    text-align: center
}

.price-record-list .price-list-main {
    margin-bottom: 20px
}

.price-record-list .price-list-detail {
    border: 0;
    border-bottom: 1px solid #EAEAEA;
    margin-bottom: 0
}

.price-record-list .price-main li.p-name {
    padding-right: 0
}

.price-record-list .price-main li.p-name p {
    width: 190px
}

.price-detail {
    margin: 0 10px
}

.price-detail-info {
    margin-top: 30px
}

.price-detail-info li {
    float: left;
    color: #999;
    margin-right: 79px;
    line-height: 36px
}

.price-detail-main {
    width: 720px;
    color: #333;
    height: 166px;
    font-size: 14px
}

.price-detail-main a {
    color: #333
}

.price-detail-main li {
    display: table-cell;
    vertical-align: middle;
    line-height: 44px;
    text-align: center;
    color: #666
}

.price-detail-main li:first-child {
    width: 140px;
    text-align: left;
    padding-left: 20px
}

.price-detail-main li:first-child+li {
    width: 100px
}

.price-detail-main li:first-child+li+li {
    width: 130px
}

.price-detail-main li:first-child+li+li+li {
    width: 100px
}

.price-detail-main li:first-child+li+li+li+li {
    width: 110px
}

.price-detail-main li:first-child+li+li+li+li+li {
    width: 120px
}

.price-detail-status {
    background: #FAFAFA;
    height: 40px
}

.price-detail-status li {
    vertical-align: middle;
    line-height: 40px;
    color: #333
}

.price-detail-tips {
    padding: 20px 24px;
    color: #999;
    background: #FAFAFA;
    line-height: 1.5;
    margin-bottom: 20px
}

.price-detail-tips i {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url("../../images/echannel/icon/icon-tips01.png") no-repeat;
    position: relative;
    top: 2px;
    margin-right: 5px
}

.recycle-form-input {
    width: 460px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 25px
}

.recycle-form-input .recycle-input-tips {
    color: #a4a4a4;
    margin-top: 11px
}

.recycle-form-input input.form-input-text {
    width: 360px
}

.recycle-form-input .form-input-textarea textarea {
    width: 338px
}

.recycle-form-input .product-address .product-pulldown-main .product-pulldown-btn {
    width: 314px
}

.recycle-form-input .product-address .product-address-choose {
    width: 346px
}

.order-exchange-link {
    margin-top: 28px
}

.order-exchange-link a {
    color: #267EFF
}

.exchange-title {
    background: #f1f1f1;
    height: 45px;
    font-size: 14px;
    *zoom: 1
}

.exchange-title:before,
.exchange-title:after {
    content: "";
    display: table
}

.exchange-title:after {
    clear: both
}

.exchange-title .name {
    color: #000;
    line-height: 45px;
    margin-left: 15px;
    float: left
}

.exchange-title .num {
    color: #a4a4a4;
    width: 204px;
    line-height: 45px;
    text-align: center;
    float: right
}

.exchange-title .exchange-p-list {
    margin-left: 30px;
    line-height: 45px;
    float: left
}

.exchange-title .exchange-p-list li {
    float: left;
    margin-right: 20px;
    font-size: 12px;
    color: #666
}

.exchange-title .exchange-p-list li:before {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 8px;
    background: url("../../images/echannel/icon/icon-order.png") no-repeat -84px 0
}

.exchange-type p {
    margin-bottom: 16px;
    margin-top: 30px;
    margin-left: 20px
}

.exchange-type p a {
    width: 118px;
    height: 38px;
    line-height: 38px;
    float: left;
    margin-right: 20px;
    border: 1px solid #cbcbcb;
    font-size: 18px;
    border-radius: 2px;
    text-align: center
}

.exchange-type p a.current {
    color: #ca141d;
    border-color: #ca141d;
    cursor: default
}

.exchange-type .tips {
    color: #717171;
    margin-bottom: 30px;
    margin-left: 20px
}

.exchange-list .exchange-item:first-child {
    border-top: 0
}

.exchange-list-no {
    color: #a4a4a4;
    text-align: center;
    padding: 30px 0 32px
}

.exchange-item {
    *zoom: 1;
    border-top: 1px solid #eaeaea;
    padding-top: 15px
}

.exchange-item:before,
.exchange-item:after {
    content: "";
    display: table
}

.exchange-item:after {
    clear: both
}

.exchange-item .exchange-info {
    float: left
}

.exchange-item .report-errors {
    color: #ef5a62;
    line-height: 14px;
    background: url("../../images/echannel/icon/icon-tips08.png") no-repeat;
    padding-top: 1px
}

.exchange-item ul {
    margin-bottom: 30px
}

.exchange-item li {
    float: left
}

.exchange-item li:first-child {
    width: 120px
}

.exchange-item li:first-child+li {
    width: 562px
}

.exchange-item li:first-child+li+li {
    width: 204px
}

.exchange-item input[type=checkbox]::-ms-check {
    display: none
}

.exchange-item input[type=checkbox] {
    display: inline-block;
    height: 14px;
    width: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../../images/echannel/icon/icon-header.png") no-repeat;
    background-position: -18px -129px
}

.exchange-item input[type=checkbox]:checked {
    background-position: 0 -129px
}

.exchange-item input[type=checkbox]:disabled {
    background-position: -18px -115px;
    cursor: not-allowed
}

.exchange-item .p-choose {
    float: left;
    margin: 0 20px
}

.exchange-item .p-choose.disabled:checked {
    background-position: 0 -115px;
    cursor: not-allowed
}

.exchange-item input[type="checkbox"].p-choose-disabled {
    background-position: -18px -115px;
    cursor: not-allowed
}

.exchange-item input[type="checkbox"].p-choose-disabled01 {
    background-position: 0 -115px;
    cursor: not-allowed
}

.exchange-item .p-img {
    margin-right: 20px;
    display: block
}

.exchange-item .p-img img {
    width: 100px;
    height: 100px;
    vertical-align: top
}

.exchange-item .p-name {
    font-size: 14px;
    margin-bottom: 14px
}

.exchange-item .p-name span {
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    padding: 0 7px;
    position: relative;
    border-radius: 2px;
    font-size: 12px;
    color: #ca141d;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px;
    float: left;
    top: 1px
}

.exchange-item .p-num {
    color: #a4a4a4;
    margin-bottom: 8px
}

.exchange-item .p-stock {
    *zoom: 1;
    border: 1px solid #d6d6d6;
    width: 78px;
    margin: 0 auto;
    height: 22px;
    border-radius: 2px
}

.exchange-item .p-stock:before,
.exchange-item .p-stock:after {
    content: "";
    display: table
}

.exchange-item .p-stock:after {
    clear: both
}

.exchange-item .p-stock .p-stock-text {
    width: 32px;
    height: 22px;
    float: left;
    text-align: center;
    border: 1px solid #d6d6d6;
    border-bottom: 0;
    border-top: 0
}

.exchange-item .p-stock .p-stock-text:read-only {
    color: #a4a4a4
}

.exchange-item .p-stock .p-stock-text:-moz-read-only {
    color: #a4a4a4
}

.exchange-item .p-stock input[readonly].p-stock-text {
    color: #a4a4a4
}

.exchange-item .p-stock a {
    width: 22px;
    height: 22px;
    line-height: 22px;
    float: left;
    font-size: 16px;
    text-align: center
}

.exchange-item .p-stock a.disabled {
    color: #d6d6d6;
    background: #fff;
    cursor: not-allowed
}

.exchange-item .p-stock a.click-disabled {
    color: #d6d6d6;
    background: #f7f7f7;
    cursor: not-allowed
}

.exchange-item .p-stock a.click-light {
    color: #717171;
    background: #fff
}

.exchange-item .e-num {
    color: #a4a4a4;
    text-align: center
}

.form-input-select {
    font-size: 14px
}

.form-input-select .product-pulldown-main {
    margin-bottom: 2px
}

.form-input-select .product-pulldown-main .product-pulldown-btn {
    height: 34px;
    line-height: 34px;
    width: 194px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 34px 0 10px;
    border: 1px solid #999;
    display: inline-block;
    position: relative;
    border-radius: 2px;
    color: #a4a4a4
}

.form-input-select .product-pulldown-main .product-pulldown-btn:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 6px;
    right: 8px;
    background: url("../../images/echannel/icon/icon50.png") no-repeat 0 0
}

.form-input-select .product-pulldown-main.errors .product-pulldown-btn {
    border-color: #ca141d
}

.form-input-select .product-pulldown-main.click .product-pulldown-btn {
    border-color: #ca141d;
    border-bottom: 1px solid #fff;
    position: relative;
    z-index: 20;
    border-radius: 2px 2px 0 0
}

.form-input-select .product-pulldown-main.click .product-pulldown-btn:after {
    background-position: 0 -19px
}

.form-input-select .product-pulldown-main.click .product-pulldown-detail {
    border-color: #ca141d
}

.form-input-select .product-pulldown-main.selected .product-pulldown-btn {
    color: #3A3A3A
}

.form-input-select .product-pulldown-main.disabled .product-pulldown-btn {
    border: 0;
    cursor: default;
    margin-top: 1px;
    padding-left: 5px
}

.form-input-select .product-pulldown-main.disabled .product-pulldown-btn:after {
    display: none
}

.form-input-select .product-pulldown-main.disabled .product-pulldown-detail {
    display: none !important
}

.form-input-select .product-pulldown-detail {
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 21;
    border: 1px solid #999;
    background: #fff;
    max-height: 230px;
    overflow: auto;
    overflow-x: hidden;
    width: 238px
}

.form-input-select .product-pulldown-detail li {
    padding: 0 10px;
    width: 218px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 36px;
    cursor: pointer
}

.form-input-select .product-pulldown-detail li:hover {
    background: #fafafa
}

.exchange-reson .form-input {
    margin-top: 20px
}

.exchange-reson .form-input .form-input-name {
    font-size: 14px;
    color: #717171;
    padding: 0 0 0 15px;
    line-height: 36px;
    text-align: left;
    width: 85px
}

.exchange-reson .form-input .form-input-name label {
    width: 70px;
    display: inline-block
}

.exchange-reson .form-input .form-input-name span {
    margin-right: 2px
}

.exchange-reson .form-input td {
    height: 53px
}

.exchange-reson .form-input td .disallowNoReason-errors {
    float: left;
    width: 235px;
    margin: 12px 0 0 6px;
    color: #A4A4A4;
    font-size: 12px;
    background: url(../../images/echannel/icon/icon_noreason_prd.svg) no-repeat;
    padding-left: 17px
}

.exchange-reson .report-errors {
    float: left;
    margin: 12px 0 0 10px
}

.exchange-reson .tips {
    color: #717171;
    margin: 10px 0;
    line-height: 18px;
    max-width: 805px
}

.exchange-reson .exchange-price {
    margin-top: 10px;
    margin-bottom: 12px
}

.exchange-reson .exchange-price a.btn-price {
    width: 72px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    color: #fff;
    background: #ca141d;
    border-radius: 2px;
    margin-left: 13px
}

.exchange-reson .exchange-apply-file .tips {
    color: #a4a4a4
}

.exchange-reson .form-input-select {
    width: 240px
}

.exchange-reson .form-input-textarea {
    width: 660px
}

.exchange-reson .form-input-textarea.click textarea {
    border: 1px solid #ca141d
}

.exchange-reson .form-input-textarea textarea {
    width: 638px;
    height: 178px;
    padding: 9px 10px;
    border: 1px solid #999;
    font-size: 14px;
    resize: none
}

.exchange-reson .form-input-textarea textarea::-webkit-input-placeholder {
    color: #a4a4a4
}

.exchange-reson .form-input-textarea textarea:-moz-placeholder {
    color: #a4a4a4
}

.exchange-reson .form-input-textarea textarea::-moz-placeholder {
    color: #a4a4a4
}

.exchange-reson .form-input-textarea textarea:-ms-input-placeholder {
    color: #a4a4a4
}

.exchange-reson .textarea-errors {
    min-height: 18px
}

.exchange-reson .textarea-errors .report-errors {
    float: none;
    margin: 0
}

.exchange-apply-file dl {
    overflow: hidden
}

.exchange-apply-file dl dd {
    float: left;
    margin-right: 10px
}

.exchange-apply-file dl dd .link-filebox {
    float: left;
    position: relative;
    width: 78px;
    height: 78px;
    border: 1px solid #ddd;
    text-align: center
}

.exchange-apply-file dl dd .link-filebox a {
    position: absolute;
    height: 78px;
    text-align: center;
    display: block
}

.exchange-apply-file dl dd .link-filebox img {
    position: relative;
    left: -50%;
    margin-right: -78px;
    height: 100%;
    vertical-align: top
}

.exchange-apply-file dl dd .link-filebox i {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    font-size: 0;
    width: 24px;
    height: 24px;
    background: url("../../images/echannel/icon/icon1.png") scroll no-repeat;
    background-position: 0 -342px
}

.exchange-apply-file dl dt {
    float: left
}

.exchange-apply-file dl dt .link-filebox {
    float: left;
    position: relative;
    width: 80px;
    height: 80px
}

.exchange-apply-file dl dt .link-filebox a.link-filebox-add {
    position: absolute;
    width: 78px;
    height: 78px;
    background: #fff;
    border: 1px solid #999;
    color: #a4a4a4;
    text-align: center;
    top: 0;
    left: 0
}

.exchange-apply-file dl dt .link-filebox a s {
    display: block;
    margin: 15px auto 7px;
    background: url("../../images/echannel/icon/icon46.png") scroll no-repeat;
    width: 22px;
    height: 22px;
    line-height: 24px;
    text-align: center;
    font-size: 0
}

.exchange-apply-file dl dt .link-filebox a span {
    font-size: 12px
}

.exchange-apply-file dl dt .link-filebox .input-upload-file {
    width: 80px;
    height: 80px;
    border: 0
}

.exchange-user .form-input {
    margin-bottom: 20px;
    margin-top: 20px
}

.exchange-user .form-input .form-input-name {
    font-size: 14px;
    color: #717171;
    padding: 0 0 0 15px;
    line-height: 36px;
    text-align: left
}

.exchange-user .form-input .form-input-name label {
    width: 70px;
    display: inline-block
}

.exchange-user .form-input .form-input-name span {
    margin-right: 2px
}

.exchange-user .form-input td {
    height: 53px
}

.exchange-user input[type=radio]::-ms-check {
    display: none
}

.exchange-user input[type=radio] {
    display: inline-block;
    height: 14px;
    width: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../../images/echannel/icon/icon-radio.png") no-repeat;
    background-position: 0 -14px
}

.exchange-user input[type=radio]:checked {
    background-position: 0 0
}

.exchange-user .form-input-text {
    width: 198px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #999;
    border-radius: 2px;
    text-indent: 6px;
    padding: 0;
    margin-right: 10px;
    font-size: 14px
}

.exchange-user .form-input-text.errors {
    border-color: #ca141d
}

.exchange-user .report-errors {
    display: inline-block
}

.exchange-user .label-error {
    color: #ca141d;
    line-height: 1;
    font-size: 12px;
    background: url("../../images/echannel/icon/icon-tips01.png") no-repeat;
    padding-left: 17px;
    vertical-align: baseline;
    height: auto
}

.exchange-user .inputbox {
    font-size: 14px;
    margin-top: 9px;
    margin-bottom: 20px
}

.exchange-user .inputbox .radiobox {
    position: relative;
    top: 3px;
    margin-right: 4px
}

.exchange-user .inputbox em {
    color: #717171;
    margin-left: 3px
}

.exchange-user .inputbox.required {
    position: relative
}

.exchange-user .inputbox.required:before {
    content: "*";
    color: #ca141d;
    font-size: 14px;
    position: absolute;
    top: 4px;
    left: -15px
}

.exchange-user .form-address {
    border-color: #999;
    border-radius: 2px
}

.exchange-user .form-address:before {
    content: "*";
    color: #ca141d;
    font-size: 14px;
    position: absolute;
    top: 13px;
    left: -16px
}

.exchange-user .form-address.selected {
    top: 0
}

.exchange-user .form-input-textarea {
    position: relative
}

.exchange-user .form-input-textarea.click textarea {
    border: 1px solid #ca141d
}

.exchange-user .form-input-textarea:before {
    content: "*";
    color: #ca141d;
    font-size: 14px;
    position: absolute;
    top: 13px;
    left: -16px
}

.exchange-user .form-input-textarea textarea {
    height: 42px;
    border-color: #999;
    width: 578px
}

.exchange-user .textarea-errors {
    min-height: 18px
}

.dispute-fixed-text {
    margin-left: 100px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #CA141D;
    margin-top: 30px
}

.dispute-detail-more-expand,
.dispute-detail-more-drop {
    margin-left: 198px
}

.dispute-detail-more-expand::after {
    content: "";
    width: 12px;
    height: 10px;
    display: inline-block;
    margin-left: 4px;
    background: url(../../images/echannel/icon/icon50.png) no-repeat;
    background-position: -4px -5px
}

.dispute-detail-more-drop::after {
    content: "";
    width: 12px;
    height: 10px;
    display: inline-block;
    margin-left: 4px;
    background: url(../../images/echannel/icon/icon50.png) no-repeat;
    background-position: -4px -24px
}

.exchange-action {
    text-align: right;
    font-size: 0
}

.exchange-action a {
    margin-left: 20px
}

.exchange-action .exchange-button01 {
    display: inline-block;
    min-width: 168px;
    height: 44px;
    line-height: 44px;
    background: #ca141d;
    border: 1px solid #ca141d;
    font-size: 18px;
    color: #fff;
    white-space: nowrap;
    border-radius: 2px;
    text-align: center
}

.exchange-action .exchange-button01.disabeld_jf {
    background: #EFB9BB;
    cursor: not-allowed;
    border: 1px solid #EFB9BB
}

.exchange-action .exchange-button02 {
    display: inline-block;
    min-width: 168px;
    height: 44px;
    line-height: 44px;
    background: #f1f1f1;
    border: 1px solid #adadad;
    font-size: 18px;
    color: #3a3a3a;
    white-space: nowrap;
    border-radius: 2px;
    text-align: center
}

.exchange-action-1 {
    font-size: 0;
    margin-top: 7px
}

.exchange-action-1 .exchange-button01 {
    display: inline-block;
    min-width: 168px;
    height: 44px;
    line-height: 44px;
    background: #ca141d;
    border: 1px solid #ca141d;
    font-size: 18px;
    color: #fff;
    white-space: nowrap;
    border-radius: 2px;
    text-align: center;
    margin-left: 100px
}

.exchange-action-1 .exchange-button01.disabeld_jf {
    background: #EFB9BB;
    cursor: not-allowed;
    border: 1px solid #EFB9BB
}

.exchange-apply-tips {
    line-height: 21px;
    padding: 55px 20px 0 24px;
    color: #a4a4a4
}

.exchange-apply-tips h3 {
    font-size: 14px;
    margin-bottom: 8px
}

.exchange-apply-tips ul li {
    margin-bottom: 4px
}

.exchange-apply-tips .other-links {
    padding-top: 13px;
    margin-left: 2px
}

.exchange-apply-tips .other-links a {
    color: #267eff
}

.exchange-apply-tips .other-links b {
    font-size: 12px;
    color: #267eff;
    margin: 0 10px
}

.exchange-record-list {
    padding-top: 10px;
    padding-bottom: 15px
}

.exchange-record-list .exchange-record-main {
    padding: 15px 0
}

.exchange-record-list li {
    float: left
}

.exchange-record-list li:first-child {
    width: 140px
}

.exchange-record-list li:first-child+li {
    width: 800px
}

.exchange-record-list .p-img {
    width: 100px;
    height: 100px;
    margin-left: 20px;
    vertical-align: top
}

.exchange-record-list .p-name {
    font-size: 14px;
    margin-bottom: 14px
}

.exchange-record-list .p-name span {
    min-width: 24px;
    height: 14px;
    line-height: 14px;
    display: inline-block;
    padding: 0 7px;
    position: relative;
    border-radius: 2px;
    font-size: 12px;
    color: #ca141d;
    text-align: center;
    border: 1px solid #ca141d;
    margin-right: 4px
}

.exchange-record-list .p-name .p-num {
    margin-left: 6px
}

.exchange-record-list .p-list {
    color: #a4a4a4;
    line-height: 22px;
    *zoom: 1
}

.exchange-record-list .p-list:before,
.exchange-record-list .p-list:after {
    content: "";
    display: table
}

.exchange-record-list .p-list:after {
    clear: both
}

.exchange-record-list .p-list>span:first-child {
    float: left;
    width: 72px
}

.exchange-record-list .p-list span {
    float: left;
    *zoom: 1;
    width: 728px
}

.exchange-record-list .p-list span:before,
.exchange-record-list .p-list span:after {
    content: "";
    display: table
}

.exchange-record-list .p-list span:after {
    clear: both
}

.exchange-record-list .p-list span em {
    float: left;
    width: 182px
}

.exchange-record-info {
    font-size: 14px;
    margin-top: 10px;
    padding-bottom: 15px
}

.exchange-record-info li {
    *zoom: 1;
    margin-bottom: 6px
}

.exchange-record-info li:before,
.exchange-record-info li:after {
    content: "";
    display: table
}

.exchange-record-info li:after {
    clear: both
}

.exchange-record-info dd {
    float: left;
    color: #717171;
    width: 70px;
    margin-left: 15px
}

.exchange-record-info dt {
    float: left
}

.exchange-record-info dt .gray {
    color: #717171
}

.exchange-record-info .exchange-record-tips p {
    font-size: 12px;
    padding-left: 15px
}

.exchange-record-info .exchange-record-img {
    *zoom: 1;
    margin-left: 15px;
    margin-bottom: 10px;
    margin-top: 14px
}

.exchange-record-info .exchange-record-img:before,
.exchange-record-info .exchange-record-img:after {
    content: "";
    display: table
}

.exchange-record-info .exchange-record-img:after {
    clear: both
}

.exchange-record-info .exchange-record-img p {
    width: 78px;
    height: 78px;
    border: 1px solid #ccc;
    float: left;
    margin-right: 20px;
    position: relative;
    text-align: center;
    overflow: hidden
}

.exchange-record-info .exchange-record-img span {
    position: absolute;
    height: 78px;
    text-align: center;
    display: block
}

.exchange-record-info .exchange-record-img img {
    position: relative;
    left: -50%;
    margin-right: -78px;
    height: 100%;
    vertical-align: top
}

.exchange-success {
    margin-bottom: 22px
}

.exchange-success .box-right-1 {
    font-size: 30px;
    color: #444;
    height: auto;
    margin-bottom: 20px
}

.exchange-success .box-right-1 span {
    top: -10px
}

.exchange-success .box-right-1:before {
    width: 40px;
    height: 40px;
    background: url("../../images/echannel/icon/icon44.png") no-repeat -94px -85px
}

.exchange-success h2 {
    font-size: 14px;
    color: #717171;
    text-align: center;
    margin-bottom: 50px;
    line-height: 22px
}

.exchange-success .code {
    width: 148px;
    margin: 0 auto;
    margin-bottom: 10px
}

.exchange-success .code img {
    width: 148px;
    height: 148px;
    vertical-align: top
}

.exchange-success p {
    color: #a4a4a4;
    text-align: center;
    line-height: 20px
}

.exchange-success p .blue {
    color: #4691f7
}

.news-subscribe {
    margin: 19px 0 18px 0
}

.news-subscribe li {
    float: left;
    margin-right: 38px;
    font-size: 14px;
    line-height: 24px;
    color: #333
}

.news-subscribe li input[type=checkbox]::-ms-check {
    display: none
}

.news-subscribe li input[type=checkbox] {
    display: inline-block;
    height: 14px;
    width: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../../images/echannel/icon/icon-header.png") no-repeat;
    background-position: -18px -129px
}

.news-subscribe li input[type=checkbox]:checked {
    background-position: 0 -129px
}

.news-subscribe li input[type=checkbox]:disabled {
    background-position: -18px -115px;
    cursor: not-allowed
}

.news-subscribe li input[type="checkbox"] {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background: url("../../images/echannel/icon/icon-checkbox.png") no-repeat;
    background-size: 100% 300%;
    background-position: 0 -24px
}

.news-subscribe li input[type="checkbox"]:checked {
    background-position: 0 0
}

.news-subscribe-tips {
    color: #666
}

.news-subscribe-tips a {
    color: #267eff
}

.news-question {
    font-size: 14px;
    line-height: 20px;
    color: #666;
    margin-top: 50px
}

.news-question h2 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 8px
}

.news-question h3 {
    margin-top: 24px;
    font-weight: bold;
    margin-bottom: 8px
}

.news-question p {
    padding-left: 18px;
    margin-bottom: 8px
}

.news-question ul {
    padding-left: 18px;
    margin-bottom: 8px
}

.news-question ul li {
    position: relative;
    padding-left: 14px
}

.news-question ul li:before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background: #666;
    position: absolute;
    top: 9px;
    left: 3px
}

.invoice-details {
    margin: 0 auto;
    padding: 0 24px
}

.invoice-details .order-detail-process-record {
    border-top: 1px solid #eaeaea
}

.invoice-details .order-detail-process-record .list-group {
    max-height: 308px;
    overflow-x: hidden !important;
    overflow-y: auto
}

.invoice-details-receive {
    font-size: 0;
    position: relative;
    width: 700px
}

.invoice-details-receive.invoice-details-info:after {
    display: none
}

.invoice-details-receive h3 {
    color: #3a3a3a !important
}

.invoice-details-receive ul {
    font-size: 12px;
    color: #a4a4a4;
    line-height: 17px
}

.invoice-details-receive ul li span {
    color: #333 !important
}

.invoice-details-receive .receive-detail {
    display: inline-block;
    font-size: 12px;
    width: 345px;
    vertical-align: top
}

.invoice-details-receive .receive-detail table {
    width: 300px
}

.invoice-details-receive .receive-detail thead th {
    color: #3a3a3a;
    font-size: 14px;
    line-height: 20px
}

.invoice-details-receive .receive-detail tbody th {
    color: #a4a4a4;
    line-height: 17px;
    padding-top: 10px
}

.invoice-details-receive .receive-detail tbody th span {
    color: #3a3a3a;
    display: inline-block;
    vertical-align: top
}

.invoice-details-receive .receive-detail tbody th span.span-212 {
    width: 212px
}

.invoice-details-receive .receive-detail tbody th span.span-224 {
    width: 224px
}

.invoice-details-receive .receive-detail tbody th span.span-234 {
    width: 234px
}

.invoice-details-receive .receive-detail:last-child table {
    margin-left: 44px
}

.invoice-details-receive:after {
    content: "";
    width: 1px;
    height: 100%;
    display: block;
    background: #f2f2f2;
    position: absolute;
    top: 0;
    left: 344px
}

.invoice-details-info h3 {
    color: #666;
    font-size: 14px;
    margin-bottom: 9px
}

.invoice-details-info .tips {
    color: #999;
    line-height: 18px
}

.invoice-details-info .invoice-details-list {
    color: #717171;
    font-size: 14px;
    line-height: 19px
}

.invoice-details-info .invoice-details-list li {
    margin-top: 10px
}

.invoice-details-info .invoice-details-list span {
    color: #999
}

.invoice-details-form .form-input .form-input-name {
    text-align: left;
    line-height: 36px;
    font-size: 14px
}

.order-pay {
    margin-bottom: 30px
}

.order-pay .box-content {
    padding: 0 20px
}

.order-pay .o-pay-title {
    font-size: 18px;
    text-align: center;
    line-height: 25px
}

.order-pay .o-pay-error {
    line-height: 19px;
    font-size: 14px;
    color: #ca141d;
    text-align: center;
    margin-top: 4px
}

.order-pay .o-pay {
    margin-top: 20px;
    background-color: #f6f6f6;
    border: solid 1px #e6e6e6;
    height: 340px;
    overflow: auto
}

.order-pay .o-pay-num {
    text-align: left;
    color: #333;
    border: 0;
    padding: 17px 0 7px 0;
    margin: 0 16px 0 20px;
    font-size: 14px;
    line-height: 20px
}

.order-pay .o-pay-num p {
    float: left
}

.order-pay .o-pay-num .o-pay-state {
    float: right;
    color: #ca141d;
    margin-right: 37px
}

.order-pay .o-pay-list {
    border-top: solid 1px #ccc
}

.order-pay .o-pay-list:first-child {
    border-top: 0
}

.order-pay .o-pay-main ul {
    border-top: solid 1px #ccc;
    margin: 0 16px 0 20px;
    padding: 7px 0;
    *zoom: 1
}

.order-pay .o-pay-main ul:before,
.order-pay .o-pay-main ul:after {
    content: "";
    display: table
}

.order-pay .o-pay-main ul:after {
    clear: both
}

.order-pay .o-pay-main ul li {
    display: table-cell;
    vertical-align: middle;
    width: 487px
}

.order-pay .o-pay-main ul li.p-img {
    width: 72px
}

.order-pay .o-pay-main ul li.p-img img {
    width: 72px;
    height: 72px
}

.order-pay .o-pay-main ul li .p-name {
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    width: 340px;
    padding-left: 8px
}

.order-pay .o-pay-main ul li .p-num {
    float: right;
    font-size: 14px;
    line-height: 20px;
    color: #999
}

.order-roll-detail.current .order-roll-info:before {
    background: url("../../images/echannel/icon/icon-order.png") no-repeat
}

.order-roll {
    margin: 0 -15px;
    position: relative
}

.order-roll .toast-error {
    top: 186px;
    left: 50%;
    margin-left: -111px
}

.order-roll-con {
    background: #fafafa;
    box-shadow: inset 0 0 5px #efefef;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    height: 340px;
    margin-bottom: 8px
}

.order-roll-con .order-roll-tip {
    height: 30px;
    background: #fef2f2;
    color: #ca141d;
    position: absolute;
    top: 2px;
    width: 100%;
    line-height: 30px;
    text-align: center;
    z-index: 1
}

.order-roll-con .order-roll-tip:before {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url("../../images/echannel/icon/icon-tips01.png") no-repeat;
    margin-right: 5px;
    position: relative;
    top: 2px
}

.order-roll-con .order-roll-empty {
    color: #444;
    font-size: 18px;
    margin-top: 160px;
    text-align: center
}

.order-roll-list {
    padding: 20px 0 0
}

.order-roll-list ul {
    margin: 0 auto;
    width: 600px;
    font-size: 0
}

.order-roll-list li {
    display: inline-block;
    margin: 0 10px 20px 10px;
    vertical-align: top
}

.order-roll-detail .order-roll-info {
    color: #fff;
    line-height: 1;
    overflow: hidden;
    height: 105px;
    position: relative
}

.order-roll-detail .order-roll-info:after {
    content: "";
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url("../../images/echannel/btn/btn-roll-order.png") no-repeat
}

.order-roll-detail .order-roll-info em {
    float: left;
    width: 40px;
    text-indent: 20px;
    font-size: 18px;
    font-weight: bold;
    margin-top: 17px
}

.order-roll-detail .order-roll-info .order-roll-price {
    float: left;
    position: absolute;
    top: 0;
    left: 40px
}

.order-roll-detail .order-roll-info .order-roll-price span {
    font-size: 40px;
    font-family: Impact;
    float: left;
    margin-top: 12px
}

.order-roll-detail .order-roll-info .order-roll-price strong {
    font-size: 14px;
    float: left;
    margin-top: 17px;
    width: 130px;
    height: 41px;
    overflow: hidden;
    margin-left: 10px
}

.order-roll-detail .order-roll-info .order-roll-word {
    float: left;
    padding-right: 10px;
    margin-top: 3px;
    line-height: 1.4;
    height: 32px;
    overflow: hidden;
    font-size: 12px;
    position: absolute;
    top: 58px;
    left: 40px
}

.order-roll-detail .order-roll-tag {
    position: absolute;
    top: 17px;
    right: 16px;
    width: 48px;
    height: 16px;
    line-height: 16px;
    border-radius: 8px;
    background: #fff;
    color: #ff515a;
    font-size: 12px;
    text-align: center
}

.order-roll-detail.order-roll-type .order-roll-tag {
    color: #68beff
}

.order-roll-detail .order-roll-explain {
    background: #fff;
    color: #878787;
    font-size: 12px;
    padding: 2px 12px 6px 12px;
    min-height: 18px;
    border-radius: 0 0 6px 6px;
    position: relative
}

.order-roll-detail .order-roll-explain a.btn {
    width: 12px;
    height: 7px;
    position: absolute;
    top: 7px;
    right: 12px;
    border: 0;
    display: none;
    background: url("../../images/echannel/icon/icon50.png") no-repeat;
    background-position: -4px -7px
}

.order-roll-detail .order-roll-explain-more {
    padding-right: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.order-roll-detail .order-roll-explain-more a.btn {
    display: block
}

.order-roll-detail .order-roll-explain-open {
    white-space: normal
}

.order-roll-detail .order-roll-explain-open a.btn {
    background-position: -4px -26px
}

.order-roll-detail.current .order-roll-info:before {
    content: "";
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    background-position: -47px 0
}

.order-roll-detail.order-roll-discount {
    background: #b954e2;
    background: linear-gradient(#ce53e8, #9045d8)
}

.order-roll-detail.order-roll-discount .order-roll-price b {
    font-size: 14px;
    float: left;
    margin-top: 40px;
    margin-left: 6px
}

.order-roll-detail.order-roll-type {
    background: #24a8ee;
    background: linear-gradient(#1fc6df, #217ef8)
}

.order-roll-detail.order-roll-type .order-roll-price span {
    font-size: 34px;
    line-height: 40px;
    font-family: "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    font-weight: bold
}

.order-roll-detail.disabled .order-roll-tag {
    color: #d6d6d6
}

.order-roll-tips {
    text-align: right;
    font-size: 14px;
    margin: 0 -15px;
    margin-bottom: 30px
}

.order-roll-tips span {
    color: #ca141d
}

.service-list .list-group-page {
    text-align: right;
    margin-top: 48px
}

.service-list-status {
    background: #f6f6f6;
    font-size: 14px;
    border-left: none;
    border-right: 0
}

.service-list-status li {
    float: left;
    text-align: left;
    line-height: 36px;
    position: relative;
    color: rgba(0, 0, 0, 0.9);
    padding-left: 16px
}

.service-list-status li:first-child {
    width: 92px;
    padding-left: 24px
}

.service-list-status li:first-child+li {
    width: 198px
}

.service-list-status li:first-child+li+li {
    width: 166px
}

.service-list-status li:first-child+li+li+li {
    width: 73px
}

.service-list-status li:first-child+li+li+li+li {
    width: 195px
}

.service-list-status li:first-child+li+li+li+li+li {
    width: 128px;
    text-align: center;
    padding: 0
}

.service-list-detail {
    font-size: 14px;
    margin-bottom: 10px
}

.service-list-detail ul {
    border-bottom: 1px solid #f0f0f0
}

.service-list-detail li {
    display: table-cell;
    text-align: left;
    padding: 15px 0;
    height: 42px;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 16px;
    color: rgba(0, 0, 0, 0.9)
}

.service-list-detail li:first-child {
    width: 92px;
    padding-left: 24px
}

.service-list-detail li:first-child+li {
    width: 198px
}

.service-list-detail li:first-child+li+li {
    width: 166px;
    color: rgba(0, 0, 0, 0.38)
}

.service-list-detail li:first-child+li+li+li {
    width: 73px
}

.service-list-detail li:first-child+li+li+li+li {
    width: 195px
}

.service-list-detail li:first-child+li+li+li+li+li {
    width: 128px;
    text-align: center;
    padding: 0
}

.service-list-detail li a.p-link:hover {
    color: #ca141d
}

.service-list-detail li .button-operate-revie {
    width: 80px;
    height: 32px;
    line-height: 32px;
    background: #ca141d;
    border: 0;
    color: rgba(255, 255, 255, 0.9)
}

.service-list-empty {
    font-size: 14px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
    padding: 50px 0
}

.fileboxnew {
    display: inline-block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    width: 120px;
    height: 30px;
    vertical-align: middle
}

.upload-pic {
    display: inline-block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    width: 120px;
    height: 30px;
    vertical-align: middle;
    width: auto;
    height: auto
}

.upload-pic a {
    color: #36c
}

.upload-box {
    margin-top: 20px
}

.upload-box .tips {
    margin-top: 8px;
    color: #A4A4A4
}

.upload-box dl {
    overflow: hidden
}

.upload-box dl dd {
    float: left;
    margin-right: 10px
}

.upload-box dl dd .upload-show {
    float: left;
    position: relative;
    width: 80px;
    height: 80px;
    text-align: center
}

.upload-box dl dd .upload-show i {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    font-size: 0;
    width: 24px;
    height: 24px;
    background: url("../../images/echannel/icon/icon1.png") scroll no-repeat;
    background-position: 0 -342px
}

.upload-box dl dd .upload-pic {
    width: 78px;
    height: 78px;
    border: 1px solid #ddd
}

.upload-box dl dd .upload-pic a {
    position: absolute;
    height: 78px;
    text-align: center;
    display: block
}

.upload-box dl dd .upload-pic img {
    position: relative;
    left: -50%;
    margin-right: -78px;
    height: 100%;
    vertical-align: top
}

.upload-box dl dt {
    float: left
}

.upload-box dl dt .btn {
    float: left;
    position: relative;
    width: 80px;
    height: 80px
}

.upload-box dl dt .btn a.upload-add {
    position: absolute;
    width: 78px;
    height: 78px;
    background: #fff;
    border: 1px solid #999;
    color: #a4a4a4;
    text-align: center;
    top: 0;
    left: 0
}

.upload-box dl dt .btn a s {
    display: block;
    margin: 15px auto 7px;
    background: url("../../images/echannel/icon/icon46.png") scroll no-repeat;
    width: 22px;
    height: 22px;
    line-height: 24px;
    text-align: center;
    font-size: 0
}

.upload-box dl dt .btn a span {
    font-size: 12px
}

.upload-box dl dt .btn .input-upload {
    width: 80px;
    height: 80px;
    border: 0
}

.btn-service {
    width: 170px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    border-radius: 2px;
    background: #ca141d;
    margin-left: 140px;
    margin-top: 36px
}

.btn-service a {
    color: #fff;
    display: block;
    text-align: center
}

.service-info {
    padding-left: 15px;
    font-size: 14px;
    color: #333;
    line-height: 28px;
    margin: 20px 0 40px
}

.service-info label {
    width: 84px;
    display: inline-block
}

.service-info.record {
    padding-left: 0
}

.service-agreement {
    margin-top: 20px
}

.service-agreement input[type=checkbox]::-ms-check {
    display: none
}

.service-agreement input[type=checkbox] {
    display: inline-block;
    height: 14px;
    width: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../../images/echannel/icon/icon-header.png") no-repeat;
    background-position: -18px -129px
}

.service-agreement input[type=checkbox]:checked {
    background-position: 0 -129px
}

.service-agreement input[type=checkbox]:disabled {
    background-position: -18px -115px;
    cursor: not-allowed
}

.service-agreement input[type="checkbox"] {
    display: inline-block;
    margin-right: 10px;
    height: 24px;
    width: 24px;
    background: url("../../images/echannel/icon/icon-input.svg") scroll no-repeat;
    background-size: 200%;
    background-position: 0 -24px;
    position: relative;
    top: -4px
}

.service-agreement input[type="checkbox"]:checked {
    background-position: 0 -24px
}

.service-agreement input[type="checkbox"]:checked {
    background-position: -24px -24px
}

.service-agreement input[type=checkbox]:disabled {
    background-position: -24px -24px;
    opacity: .3;
    cursor: not-allowed
}

.service-agreement p {
    width: 892px;
    display: inline-block;
    line-height: 16px;
    color: #717171;
    font-size: 12px
}

.service-tips {
    background: #FBF5DF;
    line-height: 20px;
    color: #E76642;
    padding: 5px 14px
}

.edit-list {
    margin-top: 12px;
    margin-bottom: 20px
}

.edit-list .name {
    display: table-cell;
    width: 125px;
    font-size: 14px;
    color: #717171;
    vertical-align: top;
    padding-left: 15px;
    line-height: 32px
}

.edit-list .name span {
    color: #ca141d;
    font-size: 14px;
    font-family: "微软雅黑";
    position: relative;
    top: 1px
}

.edit-list .detail {
    display: table-cell;
    width: 800px;
    vertical-align: top
}

.edit-list .report-errors {
    font-size: 12px;
    color: #FF5F00;
    background: 0;
    padding-left: 8px;
    line-height: 16px;
    margin-top: 2px
}

.edit-list .form-radio {
    color: #333;
    font-size: 14px;
    line-height: 36px
}

.edit-list .form-radio li {
    float: left;
    margin-right: 50px;
    padding-left: 34px;
    position: relative;
    cursor: pointer
}

.edit-list .form-radio li:before {
    content: "";
    width: 24px;
    height: 24px;
    background: url("../../images/echannel/icon/icon-input.svg") no-repeat;
    background-position: 0 0;
    background-size: 200%;
    position: absolute;
    top: 6px;
    left: 0
}

.edit-list .form-radio li.selected {
    cursor: default
}

.edit-list .form-radio li.selected:before {
    background-position: -24px 0
}

.edit-list .form-input-text {
    border: 1px solid #999;
    width: 282px;
    padding: 7px 8px 9px;
    border-radius: 2px;
    font-size: 14px;
    color: #3A3A3A;
    text-indent: 0;
    display: inline-block;
    margin-bottom: 2px
}

.edit-list .form-input-text::-webkit-input-placeholder {
    color: #999
}

.edit-list .form-input-text:-moz-placeholder {
    color: #999
}

.edit-list .form-input-text::-moz-placeholder {
    color: #6e6e6e
}

.edit-list .form-input-text:-ms-input-placeholder {
    color: #999
}

.edit-list .form-input-text::-ms-clear {
    display: none
}

.edit-list .form-input-text.span-640 {
    width: 622px
}

.edit-list .form-address-main {
    margin-bottom: 20px
}

.edit-list .form-address {
    border-color: #999;
    border-radius: 2px;
    width: 638px
}

.edit-list .form-address .form-address-detail {
    color: #999;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    text-indent: 8px
}

.edit-list .form-address .form-address-detail:before {
    top: 14px
}

.edit-list .form-address.selected {
    top: 0;
    border-color: #ca141d
}

.edit-list .form-input-textarea {
    width: 640px
}

.edit-list .form-input-textarea textarea {
    border: 1px solid #999;
    width: 622px;
    padding: 8px;
    height: 162px;
    font-size: 14px
}

.edit-list .form-input-textarea textarea::-webkit-input-placeholder {
    color: #999
}

.edit-list .form-input-textarea textarea:-moz-placeholder {
    color: #999
}

.edit-list .form-input-textarea textarea::-moz-placeholder {
    color: #6e6e6e
}

.edit-list .form-input-textarea textarea:-ms-input-placeholder {
    color: #999
}

.edit-list .service-agreement p {
    width: 606px
}

.edit-list .form-input-select .product-pulldown-main .product-pulldown-btn {
    width: 254px
}

.edit-list .form-input-select .product-pulldown-detail {
    width: 298px
}

.edit-list .form-input-select .product-pulldown-detail li {
    width: 278px
}

.delay-record-header .link {
    font-size: 14px;
    margin-top: 17px
}

.delay-record-header .link a {
    color: #267eff
}

.delay-record .list-group-item {
    margin: 0
}

.delay-record .list-group-item .o-info {
    padding: 23px 8px 10px
}

.delay-record .list-group-title .col-price {
    width: 169px
}

.delay-record .list-group-title .col-quty {
    width: 79px
}

.delay-record .list-group-title .col-operate {
    width: 200px
}

.delay-record .o-info .col-state .o-date {
    margin-right: 10px
}

.delay-record .o-info .col-state .o-date em {
    display: inline-block;
    width: 74px
}

.delay-record .o-pro {
    *zoom: 1
}

.delay-record .o-pro:before,
.delay-record .o-pro:after {
    content: "";
    display: table
}

.delay-record .o-pro:after {
    clear: both
}

.delay-record .o-pro .o-pro-list {
    display: table-cell;
    width: 740px
}

.delay-record .o-pro .o-pro-list .o-pro-main {
    width: 740px;
    display: block
}

.delay-record .o-pro .o-pro-list .p-info {
    width: 490px
}

.delay-record .o-pro .o-pro-list .p-info .p-img {
    padding-left: 2px
}

.delay-record .o-pro .o-pro-list .p-price {
    width: 169px
}

.delay-record .o-pro .o-pro-list .p-quty {
    width: 79px
}

.delay-record .o-pro .o-pro-list .p-gift {
    width: 380px
}

.delay-record .o-pro .col-operate {
    display: table-cell;
    width: 200px;
    text-align: center;
    vertical-align: middle
}

.delay-record .o-pro .col-operate .button-operate-disabled {
    width: 120px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    background: #ccc;
    cursor: not-allowed
}

.delay-record .o-result {
    line-height: 32px;
    height: 32px;
    background-color: #fafafa;
    color: #666;
    padding-left: 8px
}

.delay-record .o-result a {
    color: #267eff
}

.delay-record .o-result .o-date {
    margin-right: 4px
}

.evaluate-tips {
    font-size: 14px;
    color: #D20A2C;
    position: relative;
    top: 1px;
    margin-right: 16px
}

.box-account {
    font-size: 14px;
    color: #000;
    width: 362px;
    margin: 0 auto;
    margin-top: 30px
}

.box-account .account-change {
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    width: 256px
}

.box-account .account-change:after {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    left: 114px;
    top: 3px;
    background: url("../../images/echannel/icon/icon_account.svg") no-repeat;
    background-position: 0 -40px
}

.box-account .account-change span {
    width: 114px;
    text-align: center;
    display: inline-block
}

.box-account .account-change span:before {
    content: "";
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto;
    margin-bottom: 4px;
    background: url("../../images/echannel/icon/icon_account.svg") no-repeat;
    background-position: 0 0
}

.box-account .account-change span:first-child {
    margin-right: 24px
}

.service-remark {
    margin-top: 33px;
    font-size: 14px
}

.service-remark h1 {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #F1F1F1;
    color: #000;
    text-indent: 14px
}

.service-remark-list {
    color: #717171;
    padding-left: 14px;
    margin-top: 23px
}

.service-remark-detail {
    margin-bottom: 20px
}

.service-remark-detail label {
    float: left;
    width: 161px;
    margin-right: 16px
}

.service-remark-detail label em {
    color: #ca141d;
    line-height: 19px
}

.service-remark-detail .service-remark-star {
    float: left
}

.service-remark-detail .service-remark-star .info {
    color: #999;
    font-size: 12px
}

.service-remark-detail .textarea {
    float: left;
    width: 640px
}

.service-remark-detail .textarea textarea {
    border: 1px solid #999;
    border-radius: 3px;
    font-size: 14px;
    width: 618px;
    height: 158px;
    padding: 10px
}

.service-remark-detail .textarea .count {
    line-height: 20px;
    font-size: 12px;
    color: #A4A4A4
}

.service-remark-impress {
    margin-bottom: 4px
}

.service-remark-impress ul {
    float: left;
    font-size: 0;
    width: 749px
}

.service-remark-impress li {
    display: inline-block;
    border: 1px solid #A4A4A4;
    border-radius: 3px;
    font-size: 14px;
    margin-right: 16px;
    margin-bottom: 16px
}

.service-remark-impress li a {
    line-height: 28px;
    padding: 0 12px
}

.service-remark-impress li.selected {
    border-color: #ca141d
}

.service-remark-btn {
    margin-left: 177px;
    position: relative;
    top: -20px
}

.service-remark-btn a {
    display: block;
    width: 170px;
    height: 46px;
    line-height: 46px;
    background: #CA141D;
    border-radius: 2px;
    font-size: 18px;
    color: #FFF;
    text-align: center
}

.service-remark-btn.disabled a {
    background: #efb8bb;
    cursor: not-allowed
}

.dispute-apply-list .list-group-title {
    background: #FAFAFA;
    font-size: 14px
}

.dispute-apply-list .list-group-title li {
    float: left;
    text-align: center;
    line-height: 40px;
    position: relative;
    color: #888
}

.dispute-apply-list .list-group-title li:after {
    content: "";
    width: 1px;
    height: 10px;
    background: #DEDEDE;
    position: absolute;
    top: 15px;
    right: 0
}

.dispute-apply-list .list-group-title li:first-child {
    width: 161px
}

.dispute-apply-list .list-group-title li:first-child+li {
    width: 161px
}

.dispute-apply-list .list-group-title li:first-child+li+li {
    width: 121px
}

.dispute-apply-list .list-group-title li:first-child+li+li+li {
    width: 161px
}

.dispute-apply-list .list-group-title li:first-child+li+li+li+li {
    width: 101px
}

.dispute-apply-list .list-group-title li:first-child+li+li+li+li+li {
    width: 101px
}

.dispute-apply-list .list-group-title li:first-child+li+li+li+li+li+li {
    width: 134px
}

.dispute-apply-list .list-group-title li:first-child+li+li+li+li+li+li:after {
    display: none
}

.dispute-apply-list .list-group-item {
    font-size: 14px;
    border-bottom: 1px solid #EAEAEA
}

.dispute-apply-list .list-group-item li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    padding: 8px 0
}

.dispute-apply-list .list-group-item li:first-child {
    width: 161px
}

.dispute-apply-list .list-group-item li:first-child+li {
    width: 161px
}

.dispute-apply-list .list-group-item li:first-child+li+li {
    width: 121px
}

.dispute-apply-list .list-group-item li:first-child+li+li+li {
    width: 161px
}

.dispute-apply-list .list-group-item li:first-child+li+li+li+li {
    width: 101px
}

.dispute-apply-list .list-group-item li:first-child+li+li+li+li+li {
    width: 101px
}

.dispute-apply-list .list-group-item li:first-child+li+li+li+li+li+li {
    width: 134px
}

.dispute-apply-list .list-group-item li .p-link {
    margin: 8px 0
}

.dispute-apply-list .list-group-item li .p-link a:hover {
    color: #ca141d
}

.dispute-apply-list .list-group-page {
    margin-top: 20px;
    text-align: right
}

.dispute-record-detail .o-pro-list .o-pro-main {
    width: 732px
}

.dispute-record-detail .col-pay {
    width: 96px
}

.dispute-record-detail .col-operate {
    width: 110px
}

.dispute-record-detail .o-pro-list .o-pro-main .p-dec {
    display: table-cell;
    width: 103px;
    border-right: 1px solid #F2F2F2;
    padding: 10px 0;
    vertical-align: middle
}

.dispute-record-info {
    font-size: 14px;
    color: #888;
    padding-left: 15px;
    padding-top: 10px
}

.dispute-record-info span.fl {
    margin-top: 14px
}

.dispute-record-info .cost-total {
    font-size: 14px;
    color: #000
}

.dispute-record-info .cost-total em {
    font-size: 30px;
    color: #ca141d;
    margin-right: 10px
}

.dispute-record-info .cost-total span {
    font-size: 30px;
    color: #ca141d
}

.dispute-pro .order-pro-record .list-group-item .o-pro tbody td.col-pro-info .p-name {
    font-family: HYQiHei-EES;
    font-size: 14px;
    color: #333
}

.dispute-info {
    float: right;
    text-align: center;
    color: #888;
    width: auto
}

.dispute-info div {
    display: inline-block;
    margin-right: 16px;
    font-size: 14px;
    color: #888
}

.dispute-info div .pro-gray {
    font-family: MicrosoftYaHei
}

.dispute-info .pro-num {
    display: inline-block;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #333
}

.dispute-pro-info {
    font-size: 14px;
    height: 17px;
    border-bottom: 1px solid #dedede;
    padding: 0 0 7px 10px
}

.dispute-pro-info .dispute-table-title {
    font-size: 16px;
    font-family: MicrosoftYaHei
}

.dispute-pro-info div {
    display: inline-block
}

.dispute-detail .detail-title {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #000;
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 12px;
    margin-bottom: 10px
}

.dispute-detail .detail-info {
    padding-top: 10px;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #333;
    line-height: 12px
}

.dispute-table-head .col-state {
    width: 110px !important
}

.dispute-table-head .col-quty {
    width: 76px !important
}

.dispute-table-head .col-unit-price,
.dispute-table-head .col-price {
    width: 96px !important
}

.dispute-table-head .col-points {
    width: 104px !important
}

.dispute-table-head .col-pro {
    width: 453px !important
}

.dispute-size-font {
    font-size: 14px;
    color: #000;
    text-align: center
}

.dispute-table-body .p-price {
    width: 97px !important
}

.dispute-table-body .p-info {
    width: 110px !important
}

.dispute-table-body .o-pro-main .p-main .p-quty {
    width: 76px !important
}

.dispute-table-body .o-pro-main .p-main .p-unit-price {
    width: 96px !important
}

.dispute-table-body .o-pro-main .p-main .p-points {
    width: 104px !important
}

.dispute-table-body .o-pro-main .p-main .p-info {
    width: 453px !important;
    font-size: 14px;
    color: #000;
    text-align: center
}

.dispute-table-body .o-pro-list .o-pro-main .p-name {
    width: 332px !important;
    padding: 0 10px 0 10px
}

.dispute-table-body .p-price {
    border-right: 1px solid #F2F2F2
}

.dispute-table-body .o-pro-main .p-main .p-points,
.dispute-table-body .o-pro-main .p-main .p-unit-price,
.dispute-table-body .o-pro-main .p-main .p-quty,
.dispute-table-body .o-pro-main .p-main .p-price,
.dispute-table-body .o-pro-main .p-main .p-state {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #AAA;
    word-break: break-all;
    word-wrap: break-word
}

.dispute-table-body .o-pro-main .p-main .p-points,
.dispute-table-body .o-pro-main .p-main .p-unit-price,
.dispute-table-body .o-pro-main .p-main .p-price,
.dispute-table-body .o-pro-main .p-main .p-state {
    border-right: 1px solid #F2F2F2
}

.dispute-revoke {
    color: #A4A4A4;
    text-align: right;
    clear: both;
    margin-top: 40px;
    overflow: hidden
}

.dispute-revoke div {
    background: #FAFAFA;
    border: 1px solid #BBB;
    width: 120px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #333;
    cursor: pointer;
    float: right
}

.dispute-revoke .reject-btn {
    margin-right: 20px
}

.dispute-apply-table-body .col-main {
    border-right: none !important
}

.dispute-apply-table-body .o-pro-list .o-pro-main {
    width: 642px
}

.dispute-apply-table-body .col-operate {
    width: 203px
}

.dispute-apply-table-body .col-pay {
    width: 97px
}

.dispute-apply-table-body .col-operate {
    width: 201px
}

.dispute-apply-head .list-group-title ul li:first-child+li+li+li+li::after {
    width: 0
}

.dispute-apply-head .list-group-title ul li:first-child+li+li+li+li {
    width: 202px
}

.dispute-apply-head .list-group-title ul li:first-child+li+li {
    width: 82px
}

.dispute-apply-head .list-group-title ul li:first-child,
.dispute-apply-table-body .o-pro-list .o-pro-main .p-info {
    width: 458px
}

.dispute-apply-head .list-group-title ul li:first-child+li {
    width: 102px
}

.dispute-apply-table-body .o-pro-list .o-pro-main .p-price {
    width: 101px
}

.dispute-apply-table-body .o-pro-list .o-pro-main .p-quty {
    width: 81px
}

.dispute-apply-head .list-group-title ul li:first-child+li+li+li,
.dispute-apply-table-body .col-pay {
    width: 96px
}

.dispute-apply-table-body .o-pro-list .o-pro-main .p-quty {
    border-right: 1px solid #F2F2F2
}

.dispute-order-state .o-date {
    float: right;
    color: #888
}

.dispute-pro-list {
    margin: 0 -1px;
    background: #F1F1F1;
    padding: 13px 0 13px 16px
}

.dispute-pro-list .title {
    display: inline-block;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #000
}

.dispute-info-title {
    border-bottom: 1px solid #DEDEDE;
    font-size: 14px;
    padding: 7px 10px;
    height: 17px
}

.hr-64 {
    height: 64px
}

.dispute-input {
    float: left;
    position: relative;
    z-index: 20;
    border-radius: 2px 2px 0 0;
    height: 34px;
    line-height: 34px;
    width: 194px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 34px 0 10px;
    font-size: 14px
}

.dispute-input-error {
    border: 1px solid #ca141d
}

.enterprise-disabled-button02 {
    text-align: center;
    background-color: #F2F2F2;
    border: 1px solid #BBB;
    color: #666 !important;
    cursor: not-allowed;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    right: -5px;
    width: 70px;
    position: relative
}

a.enterprise-disabled-button02 {
    display: inline-block
}

a.enterprise-disabled-button02:hover {
    text-decoration: none
}

input.enterprise-disabled-button02 {
    cursor: pointer
}

.enterprise-disabled-button01 {
    text-align: center;
    background-color: #F2F2F2;
    border: 1px solid #BBB;
    color: #666 !important;
    cursor: not-allowed;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    right: -5px;
    width: 58px;
    position: relative
}

a.enterprise-disabled-button01 {
    display: inline-block
}

a.enterprise-disabled-button01:hover {
    text-decoration: none
}

input.enterprise-disabled-button01 {
    cursor: pointer
}

#order-showCancelRule-tips .box-cc .box-content {
    height: auto;
    font-size: 13.98px;
    color: #000;
    font-weight: 400;
    line-height: 3em;
    background: #FAFAFA;
    margin: 20px
}

.col-info-rule {
    font-size: 14px;
    color: #3A3A3A !important;
    line-height: 19px;
    font-weight: 400
}

.show-cancel-rule {
    color: #CF0A2C !important;
    text-decoration: none !important
}

.detail-section-title {
    padding: 12px 0;
    margin: 12px 0;
    font-size: 16px;
    color: #000;
    font-weight: 500
}

.detail-section-title.with-bottom-border {
    border-bottom: 1px solid #DEDEDE
}

.order-address-area {
    background: #fff
}

.order-address-area .section-title h3 {
    padding-left: 2px;
    font-size: 14px;
    padding-bottom: 10px;
    padding-top: 10px
}

.order-address-area .detail-section-content-large {
    position: relative;
    width: 760px;
    height: 78px;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 16px 50px 16px 16px;
    border: 1px solid #999
}

.order-address-area .detail-section-content-large .content-edit {
    display: none;
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer
}

.order-address-area .detail-section-content-large:hover {
    border: 1px solid #000
}

.order-address-area .detail-section-content-large:hover .content-edit {
    display: inline-block;
    color: #CF0A2C
}

.order-address-area .detail-section-content-large.selected {
    border: 1px solid #CF0A2C
}

.order-address-area .detail-section-content-large.selected:hover {
    border: 1px solid #CF0A2C
}

.order-address-area .detail-section-content-large.selected+#owner-other-address-empty {
    display: none
}

.order-address-area .detail-section-content-large.create {
    text-align: center;
    line-height: 44px;
    cursor: pointer
}

.order-address-area .detail-section-content-large img {
    width: 14px;
    vertical-align: middle
}

.order-address-area .detail-section-content-large span {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle
}

.order-address-area .detail-section-content-large .content-head {
    font-size: 14px;
    color: #000;
    line-height: 19px;
    font-weight: 500;
    padding-bottom: 8px
}

.order-address-area .detail-section-content-large .content-head .content-head-mobile {
    padding-left: 20px
}

.order-address-area .detail-section-content-large .content-adress {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 19px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.order-address-area .detail-section-content-form input {
    border: 1px solid #DEDEDE;
    border-radius: 2px;
    padding: 8px 12px;
    line-height: 21px
}

.order-address-area .detail-section-content-form input:hover {
    border: 1px solid #000
}

.order-address-area .detail-section-content-form .text {
    width: 100%;
    box-sizing: border-box
}

.order-address-area .detail-section-content-form .form-group {
    display: flex;
    padding: 10px 0
}

.order-address-area .detail-section-content-form .form-group .form-one {
    display: block;
    width: 760px;
    box-sizing: border-box;
    *zoom: 1
}

.order-address-area .detail-section-content-form .form-group .form-one:before,
.order-address-area .detail-section-content-form .form-group .form-one:after {
    content: " ";
    display: table
}

.order-address-area .detail-section-content-form .form-group .form-one:after {
    clear: both
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-label {
    float: left;
    box-sizing: border-box;
    width: 101px;
    padding-right: 9px;
    margin: 0;
    font-size: 14px;
    color: #717171;
    line-height: 39px;
    text-align: right
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-label .required {
    color: #ca141d;
    position: relative;
    top: 2px;
    margin-right: 2px
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content {
    float: left;
    box-sizing: border-box;
    width: calc(100% - 101px)
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .form-one-error {
    padding-top: 4px
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content a.btn {
    border-radius: 2px;
    padding: 7px 12px;
    margin-right: 12px;
    display: inline-block;
    border: 1px solid #cbcbcb;
    line-height: 22px
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content a.btn:hover {
    border: 1px solid #000
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content a.current {
    border-color: #CF0A2C
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .address-select {
    position: relative
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .address-select .select {
    width: 100%;
    line-height: 38px;
    font-size: 14px;
    color: #999;
    display: block;
    text-indent: 12px;
    border: 1px solid #DEDEDE;
    border-radius: 2px;
    position: relative
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .address-select .select:before {
    content: "";
    width: 13px;
    height: 7px;
    background: url("../../images/echannel/icon/icon-arrow.png") no-repeat;
    position: absolute;
    right: 12px;
    top: 17px
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .address-select .select.completed {
    color: #3A3A3A
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .product-pulldown-main {
    float: left
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .product-pulldown-main .product-pulldown-btn {
    height: 36px;
    line-height: 36px;
    padding: 0 34px 0 10px;
    float: left;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    color: #3a3a3a;
    width: 234px
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .product-pulldown-main .product-pulldown-btn b {
    font-size: 14px;
    margin: 0 5px
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .product-pulldown-main .product-pulldown-btn:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 8px;
    right: 8px;
    background: url("../../images/echannel/icon/icon50.png") no-repeat 0 0
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .product-pulldown-main.selected .product-pulldown-btn {
    border-color: #ca141d
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .product-pulldown-main.selected .product-pulldown-detailmain {
    border-color: #ca141d
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .product-pulldown-detail {
    position: absolute;
    top: 37px;
    left: 0;
    z-index: 10;
    display: none
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .product-pulldown-detailmain {
    border: 1px solid #d6d6d6;
    background: #fff
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .product-pulldown-detailmain .product-address-choose {
    padding: 0 10px;
    width: 326px;
    line-height: 1
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .product-pulldown-detailmain .product-address-choose dt {
    display: block;
    font-weight: bold;
    padding-bottom: 10px
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .product-pulldown-detailmain .product-address-choose dd {
    float: left;
    margin-right: 20px;
    padding: 5px 0;
    cursor: pointer
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .product-pulldown-detailmain .product-address-choose .product-address-normal dt {
    padding-top: 15px
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .product-pulldown-detailmain .product-address-choose .product-address-new {
    padding-top: 15px
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .product-pulldown-detailmain .product-address-choose .product-address-new dd.current {
    color: #ca141d;
    cursor: default
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .product-pulldown-detailmain .product-address-choose .product-address-new dd.current:after {
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    background: #ca141d;
    margin-top: 1px
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .product-pulldown-detailmain .product-address-choose .product-address-table {
    padding-bottom: 13px;
    line-height: 1.5
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .product-pulldown-detailmain .product-address-choose .product-address-table td {
    padding: 5px 0 0;
    cursor: pointer;
    text-align: left;
    width: 76px
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .product-pulldown-main:hover .product-pulldown-detail {
    display: block
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .product-pulldown-main:hover .product-pulldown-btn {
    border-bottom: 1px solid #fff;
    position: relative;
    z-index: 20;
    border-radius: 2px 2px 0 0
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .product-pulldown-main:hover .product-pulldown-btn:after {
    background-position: 0 -19px
}

.order-address-area .detail-section-content-form .form-group .form-one .form-one-content .detail-section-content-large {
    width: 660px
}

.order-address-area .detail-section-content-form .form-group.form-group-inline .form-one {
    display: inline-block;
    width: 380px
}

.order-store-li {
    width: 100%;
    line-height: 1.5
}

.order-store-li li {
    font-family: MicrosoftYaHei;
    cursor: pointer;
    text-align: left;
    width: 76px;
    height: auto
}

.order-store-li li.store-info {
    width: 468px;
    padding: 16px !important;
    border: 1px solid rgba(0, 0, 0, 0.1)
}

.order-store-li li.store-info:hover {
    border: 1px solid #000
}

.order-store-li li.store-info.disabled {
    opacity: .6;
    cursor: not-allowed;
    border: 1px solid rgba(0, 0, 0, 0.1)
}

.order-store-li .store-name {
    font-weight: bold;
    font-size: 14px;
    line-height: 25px
}

.order-store-li .store-address {
    font-size: 14px;
    line-height: 25px
}

.o2o-checked-area {
    margin-top: 10px;
    font-size: 14px;
    color: #717171;
    float: right;
    line-height: 1.8
}

.o2o-checked-area a {
    color: #717171;
    text-decoration: underline
}

.o2o-checked-area input[type=checkbox]::-ms-check {
    display: none
}

.o2o-checked-area input[type="checkbox"] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 3px;
    background: url("../../images/echannel/icon/icon-checkbox.png") no-repeat;
    background-size: 100% 300%;
    background-position: 0 -24px;
    margin-right: 8px
}

.o2o-checked-area input[type="checkbox"]:checked {
    background-position: 0 0
}

.line {
    width: 100%;
    font-size: 1px;
    line-height: 1px;
    height: 0;
    background: 0;
    border-bottom: 1px solid #ddd
}

#update-skuInfo-area {
    padding-bottom: 8px;
    padding-top: 8px;
    height: 30px;
    border-bottom: 1px solid #EAEAEA
}

#update-skuInfo-area #update-skuInfo-button {
    float: right;
    font-size: 14px;
    color: #CA141D;
    text-align: center;
    font-weight: 400;
    border: 1px solid #DEDEDE;
    border-radius: 2px;
    width: 118px;
    height: 28px;
    line-height: 28px
}

#o2oBuyCar-sku-info-area {
    min-height: 200px;
    padding: 0 112px;
    height: 535px;
    overflow-y: scroll
}

#o2oBuyCar-sku-info-area::-webkit-scrollbar {
    width: 5px
}

#o2oBuyCar-sku-info-area::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.2)
}

#o2oBuyCar-sku-info-area#o2oBuyCar-sku-info-area::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 5px #CCC;
    background: #ededed;
    border-radius: 10px
}

#o2oBuyCar-sku-info-area .skuInfo {
    height: 160px
}

#o2oBuyCar-sku-info-area .skuInfo img {
    float: left;
    width: 160px;
    height: 160px
}

#o2oBuyCar-sku-info-area .skuInfo .info-show {
    float: left;
    margin-left: 20px;
    height: 80px;
    width: 317px;
    padding: 40px 0;
    line-height: 29px
}

#o2oBuyCar-sku-info-area .skuInfo .info-show div:nth-child(1),
#o2oBuyCar-sku-info-area .skuInfo .info-show div:nth-child(2) {
    text-align: left;
    max-width: 329px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#o2oBuyCar-sku-info-area .skuInfo .info-show div:nth-child(1) {
    font-size: 16px;
    color: #333;
    font-weight: 500
}

#o2oBuyCar-sku-info-area .skuInfo .info-show div:nth-child(2) {
    font-size: 12px;
    color: #333;
    font-weight: 400
}

#o2oBuyCar-sku-info-area .skuInfo .info-show div:nth-child(3) #sku-now-price {
    font-size: 24px;
    color: #CA141D;
    padding-right: 8px
}

#o2oBuyCar-sku-info-area .skuInfo .info-show div:nth-child(3) #sku-old-price {
    font-size: 16px;
    color: #a4a4a4
}

#o2oBuyCar-sku-info-area .skuInfo .info-show div:nth-child(3) #sku-group-price {
    border: 1px #ca141d solid;
    padding: 0 6px;
    line-height: 18px;
    height: 18px;
    display: inline-block;
    font-size: 12px;
    position: relative;
    top: 2px;
    margin-left: 4px;
    max-width: 122px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #CA141D
}

#o2oBuyCar-sku-info-area #sku-change-area {
    margin-top: 20px;
    margin-bottom: 10px
}

#o2oBuyCar-sku-info-area #sku-change-area table {
    border-collapse: separate;
    border-spacing: 0 16px
}

#o2oBuyCar-sku-info-area #sku-change-area table tbody tr td:nth-child(1) {
    width: 85px
}

#o2oBuyCar-sku-info-area #sku-change-area table tbody tr td:nth-child(1) label {
    text-indent: 10px;
    height: 40px;
    line-height: 40px
}

#o2oBuyCar-sku-info-area #sku-change-area table tbody tr td:nth-child(2) ul {
    list-style: none
}

#o2oBuyCar-sku-info-area #sku-change-area table tbody tr td:nth-child(2) ul li {
    cursor: pointer;
    color: #000;
    margin: 0 10px 10px 0;
    float: left;
    border: 1px solid #a4a4a4
}

#o2oBuyCar-sku-info-area #sku-change-area table tbody tr td:nth-child(2) ul li.selected {
    border: 1px solid #CA141D
}

#o2oBuyCar-sku-info-area #sku-change-area table tbody tr td:nth-child(2) ul li.disabled {
    border: 1px solid #e4e4e4;
    color: #c4c4c4;
    cursor: not-allowed
}

#o2oBuyCar-sku-info-area #sku-change-area table tbody tr td:nth-child(2) ul li div {
    height: 39px;
    border-radius: 2px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 40px
}

#o2oBuyCar-sku-info-area #sku-change-area table tbody tr td:nth-child(2) ul li div a {
    cursor: inherit
}

#o2oBuyCar-sku-info-area #sku-change-area table tbody tr td:nth-child(2) ul li div.without-pic {
    height: 30px;
    border-radius: 2px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 30px
}

#o2oBuyCar-sku-info-area #sku-change-area table tbody tr td:nth-child(2) ul li div.without-pic a {
    display: block;
    height: 30px
}

#o2oBuyCar-sku-info-area #sku-change-area table tbody tr td:nth-child(2) ul li div.without-pic a p {
    height: 30px;
    margin-top: 0;
    margin-left: 0
}

#o2oBuyCar-sku-info-area #sku-change-area table tbody tr td:nth-child(2) ul li div.without-pic a span {
    height: 30px;
    min-width: 54px;
    text-align: center
}

#o2oBuyCar-sku-info-area #sku-change-area table tbody tr td:nth-child(2) ul li div a {
    height: 39px
}

#o2oBuyCar-sku-info-area #sku-change-area table tbody tr td:nth-child(2) ul li div a p {
    height: 34px;
    overflow: hidden;
    float: left;
    margin-top: 3px;
    margin-left: 6px
}

#o2oBuyCar-sku-info-area #sku-change-area table tbody tr td:nth-child(2) ul li div a img {
    width: 30px;
    height: 30px;
    float: left;
    margin-top: 4px;
    overflow: hidden
}

#o2oBuyCar-sku-info-area #sku-change-area table tbody tr td:nth-child(2) ul li div a span {
    height: 34px;
    display: inline-block;
    overflow: hidden;
    line-height: 34px;
    min-width: 0;
    max-width: 86px
}

#o2oBuyCar-sku-info-area #gift-area {
    display: flex;
    position: relative
}

#o2oBuyCar-sku-info-area #gift-area::before {
    content: '';
    display: block;
    width: 85px;
    flex-shrink: 0
}

#o2oBuyCar-sku-info-area #gift-area .start-td {
    vertical-align: top;
    width: 85px;
    height: 40px;
    text-indent: 10px;
    position: absolute;
    top: 32px
}

#o2oBuyCar-sku-info-area #gift-area .start-td label {
    line-height: 40px
}

#o2oBuyCar-sku-info-area #gift-area table {
    flex-shrink: 1;
    border-collapse: separate;
    border-spacing: 0 16px
}

#o2oBuyCar-sku-info-area #gift-area table tbody tr .gift-img {
    width: 78px
}

#o2oBuyCar-sku-info-area #gift-area table tbody tr .gift-img img {
    width: 64px;
    height: 64px
}

#o2oBuyCar-sku-info-area #gift-area table tbody tr .sku-table-end .check-area label {
    font-size: 12px;
    color: #000;
    font-weight: 400;
    display: block;
    height: 16px
}

#o2oBuyCar-sku-info-area #gift-area table tbody tr .sku-table-end .check-area ul {
    list-style: none
}

#o2oBuyCar-sku-info-area #gift-area table tbody tr .sku-table-end .check-area ul li {
    float: left;
    margin-right: 11px;
    height: 39px;
    border: 1px solid #a4a4a4
}

#o2oBuyCar-sku-info-area #gift-area table tbody tr .sku-table-end .check-area ul li.selected {
    border: 1px solid #CA141D
}

#o2oBuyCar-sku-info-area #gift-area table tbody tr .sku-table-end .check-area ul li.disabled {
    border: 1px solid #e4e4e4;
    color: #c4c4c4;
    cursor: not-allowed
}

#o2oBuyCar-sku-info-area #gift-area table tbody tr .sku-table-end .check-area ul li div {
    height: 39px;
    border-radius: 2px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 40px
}

#o2oBuyCar-sku-info-area #gift-area table tbody tr .sku-table-end .check-area ul li div a {
    height: 39px
}

#o2oBuyCar-sku-info-area #gift-area table tbody tr .sku-table-end .check-area ul li div a p {
    height: 34px;
    overflow: hidden;
    float: left;
    margin-top: 3px;
    margin-left: 6px
}

#o2oBuyCar-sku-info-area #gift-area table tbody tr .sku-table-end .check-area ul li div a img {
    width: 30px;
    height: 30px;
    float: left;
    margin-top: 4px;
    overflow: hidden
}

#o2oBuyCar-sku-info-area #gift-area table tbody tr .sku-table-end .check-area ul li div a span {
    height: 34px;
    display: inline-block;
    overflow: hidden;
    line-height: 34px;
    min-width: 0;
    max-width: 86px
}

#o2oBuyCar-sku-info-area #product-recommend-all {
    padding-bottom: 25px
}

.box-glasses {
    overflow: auto;
    max-height: 500px;
    margin-bottom: 62px
}

.box-glasses .box-glasses-info {
    height: 160px;
    margin: 20px 0 30px 0;
    display: flex;
    align-items: center
}

.box-glasses .box-glasses-info .box-glasses-info-left {
    width: 190px;
    height: 160px;
    float: left
}

.box-glasses .box-glasses-info .box-glasses-info-left img {
    width: 100%;
    height: 100%
}

.box-glasses .box-glasses-info .box-glasses-info-right {
    float: left;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 20px
}

.box-glasses .box-glasses-info .box-glasses-info-right p {
    font-family: PingFangSC-Regular;
    color: #333;
    font-weight: 400
}

.box-glasses .box-glasses-info .box-glasses-info-right p:nth-child(1) {
    font-size: 16px;
    padding-bottom: 12px
}

.box-glasses .box-glasses-info .box-glasses-info-right p:nth-child(2) {
    font-size: 12px;
    height: 35px;
    overflow: hidden;
    text-overflow: ellipsis
}

.box-glasses .box-glasses-select .box-glasses-bar {
    margin-bottom: 16px
}

.box-glasses .box-glasses-select .box-glasses-bar .box-glasses-title {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 50px;
    margin-right: 26px;
    font-family: MicrosoftYaHei;
    font-size: 11.99px;
    color: #000;
    font-weight: 400;
    float: left;
    line-height: 35px;
    height: 35px
}

.box-glasses .box-glasses-select .box-glasses-bar .box-glasses-attribute {
    float: left;
    width: 300px
}

.box-glasses .box-glasses-select .box-glasses-bar a {
    border: 1px solid #979797;
    border-radius: 3px;
    padding: 7px 12px;
    margin-right: 12px;
    margin-bottom: 5px;
    display: inline-block;
    margin-bottom: 15px
}

.box-glasses .box-glasses-select .box-glasses-bar a.box-glasses-light {
    border: 1px solid #CA141D
}

.box-glasses .box-glasses-select .box-glasses-bar a.disabled {
    background-color: #fff;
    border-color: #eee;
    cursor: default;
    color: #b1b0b0
}

.box-glasses h6 {
    height: 32px;
    background: #FAFAFA;
    margin-bottom: 25px;
    line-height: 32px;
    text-indent: 11px
}

.box-glasses .every-line-glasses {
    margin-bottom: 15px
}

.box-glasses .every-line-glasses::after {
    display: block;
    clear: both;
    height: 0;
    content: "";
    visibility: hidden;
    overflow: hidden
}

.box-glasses .every-line-glasses .every-one-glasses {
    width: 340px;
    text-indent: 11px
}

.box-glasses .every-line-glasses .every-one-glasses .report-errors {
    color: #ca141d;
    line-height: 1;
    font-size: 12px;
    background: url("../../images/echannel/icon/icon-tips01.png") no-repeat;
    padding-left: 17px;
    margin-left: 87px
}

.box-glasses .every-line-glasses .every-one-glasses.lf-glasses {
    float: left
}

.box-glasses .every-line-glasses .every-one-glasses.rf-glasses {
    float: right
}

.box-glasses .every-line-glasses .every-one-glasses label {
    width: 60px;
    float: left;
    margin-top: 8px;
    margin-right: 17px;
    height: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.box-glasses .every-line-glasses .every-one-glasses .form-input-select {
    float: left;
    font-size: 14px
}

.box-glasses .every-line-glasses .every-one-glasses .form-input-select .product-pulldown-main {
    margin-bottom: 2px
}

.box-glasses .every-line-glasses .every-one-glasses .form-input-select .product-pulldown-main .product-pulldown-btn {
    height: 34px;
    line-height: 34px;
    width: 194px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 34px 0 10px;
    border: 1px solid #999;
    display: inline-block;
    position: relative;
    border-radius: 2px;
    color: #a4a4a4
}

.box-glasses .every-line-glasses .every-one-glasses .form-input-select .product-pulldown-main .product-pulldown-btn:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 6px;
    right: 8px;
    background: url("../../images/echannel/icon/icon50.png") no-repeat 0 0
}

.box-glasses .every-line-glasses .every-one-glasses .form-input-select .product-pulldown-main .product-pulldown-btn.border-red {
    border-color: #ca141d !important
}

.box-glasses .every-line-glasses .every-one-glasses .form-input-select .product-pulldown-main.errors .product-pulldown-btn {
    border-color: #ca141d
}

.box-glasses .every-line-glasses .every-one-glasses .form-input-select .product-pulldown-main.click .product-pulldown-btn {
    border-color: #F5F5F5;
    position: relative;
    z-index: 20;
    border-radius: 2px 2px 0 0
}

.box-glasses .every-line-glasses .every-one-glasses .form-input-select .product-pulldown-main.click .product-pulldown-btn:after {
    background-position: 0 -19px
}

.box-glasses .every-line-glasses .every-one-glasses .form-input-select .product-pulldown-main.selected .product-pulldown-btn {
    color: #3A3A3A
}

.box-glasses .every-line-glasses .every-one-glasses .form-input-select .product-pulldown-main.disabled .product-pulldown-btn {
    border: 0;
    cursor: default;
    margin-top: 1px;
    padding-left: 5px
}

.box-glasses .every-line-glasses .every-one-glasses .form-input-select .product-pulldown-main.disabled .product-pulldown-btn:after {
    display: none
}

.box-glasses .every-line-glasses .every-one-glasses .form-input-select .product-pulldown-main.disabled .product-pulldown-detail {
    display: none !important
}

.box-glasses .every-line-glasses .every-one-glasses .form-input-select .product-pulldown-detail {
    position: absolute;
    top: 35px;
    left: 11px;
    z-index: 21;
    border: 1px solid #999;
    background: #fff;
    max-height: 230px;
    overflow: auto;
    overflow-x: hidden;
    width: 238px
}

.box-glasses .every-line-glasses .every-one-glasses .form-input-select .product-pulldown-detail li {
    padding: 0 10px;
    width: 218px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 36px;
    cursor: pointer
}

.box-glasses .every-line-glasses .every-one-glasses .form-input-select .product-pulldown-detail li:hover {
    background: #fafafa
}

.product-package-tab {
    font-size: 16px;
    color: #5b5b5b;
    padding: 11px 0 19px 0
}

.product-package-tab li {
    float: left;
    margin-right: 20px;
    line-height: 30px;
    text-align: center;
    position: relative
}

.product-package-tab li:before {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0
}

.product-package-tab a {
    display: block;
    padding: 0 9px;
    max-width: 178px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.product-package-tab li.current a {
    color: #ca141d;
    cursor: default
}

.product-package-tab li.current:before {
    background: #ca141d
}

.product-recommend {
    border-bottom: 1px solid #ddd
}

.product-recommend .product-recommend-thumbs li {
    position: relative;
    width: 512px;
    height: 80px;
    margin-bottom: 20px
}

.product-recommend .product-recommend-thumbs a {
    width: 120px;
    float: left;
    color: #333;
    height: 80px;
    margin: 0 auto
}

.product-recommend .product-recommend-thumbs a img {
    width: 48px;
    height: 48px;
    display: block;
    margin: 0 auto
}

.product-recommend .product-recommend-thumbs a p {
    margin: 6px 8px;
    width: 105px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 12px
}

.product-recommend .product-recommend-thumbs .price {
    float: left;
    height: 80px
}

.product-recommend .product-recommend-thumbs .price input[type=checkbox] {
    width: 24px;
    height: 24px;
    margin-top: 28px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: left;
    margin-right: 3px;
    background: url("../../images/echannel/icon/icon-checkbox.png") no-repeat;
    background-size: 100% 300%;
    background-position: 0 -24px
}

.product-recommend .product-recommend-thumbs .price input[type=checkbox]:checked {
    background-position: 0 0
}

.product-recommend .product-recommend-thumbs .color-rolling {
    float: left;
    position: relative;
    height: 80px
}

.product-recommend .product-recommend-thumbs .color-rolling-dp-glasses {
    width: 70px;
    height: 30px;
    margin-bottom: 21px;
    display: inline-block;
    border: 1px solid #979797;
    border-radius: 3px;
    padding: 0 23px 0 8px;
    margin-bottom: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative
}

.product-recommend .product-recommend-thumbs .color-rolling-dp-glasses .color-rolling-dp-glasses-title {
    line-height: 30px;
    display: inline
}

.product-recommend .product-recommend-thumbs .color-rolling-dp-glasses::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 16px;
    background: url("../../images/echannel/icon/ic_public_arrow_right.svg") no-repeat;
    background-size: 8px 16px;
    margin: 7px 8px 7px 0;
    position: absolute;
    right: 0;
    opacity: .6
}

.product-recommend .product-recommend-thumbs .color-rolling-detail {
    width: 105px;
    margin: 0 auto;
    height: 54px;
    overflow: hidden
}

.product-recommend .product-recommend-thumbs .color-rolling-detail li {
    width: 35px;
    height: 32px;
    overflow: hidden
}

.product-recommend .product-recommend-thumbs .color-rolling-detail li.selected img {
    border-color: #ca141d
}

.product-recommend .product-recommend-thumbs .color-rolling-detail a {
    display: inline-block;
    width: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 2px
}

.product-recommend .product-recommend-thumbs .color-rolling-detail img {
    width: 28px;
    height: 28px;
    border-radius: 2px;
    border: 1px solid #a4a4a4
}

.product-recommend .product-recommend-thumbs-glasses li {
    position: relative;
    float: left;
    margin: 0 15px
}

.product-recommend .product-recommend-thumbs-glasses a {
    width: 120px;
    display: block;
    color: #333
}

.product-recommend .product-recommend-thumbs-glasses a img {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto
}

.product-recommend .product-recommend-thumbs-glasses a p {
    margin: 6px 8px;
    height: 36px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.product-recommend .product-recommend-thumbs-glasses .price {
    text-indent: 8px;
    display: inline-block
}

.product-recommend .product-recommend-thumbs-glasses .price input {
    position: relative;
    top: 2px;
    margin-right: 5px
}

.product-recommend .product-recommend-thumbs-glasses .color-rolling-dp-glasses {
    padding: 7px 8px;
    border: 1px solid #979797;
    border-radius: 3px;
    margin-bottom: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 8px;
    margin-right: 8px
}

.product-recommend .product-recommend-thumbs-glasses .color-rolling-dp-glasses .color-rolling-dp-glasses-title {
    display: inline
}

.product-recommend .product-recommend-thumbs-glasses .color-rolling-dp-glasses .color-rolling-dp-glasses-arrow {
    display: inline;
    margin-left: 15px
}

.product-recommend .product-recommend-thumbs-glasses .color-rolling-detail {
    width: 105px;
    margin: 0 auto;
    overflow: hidden
}

.product-recommend .product-recommend-thumbs-glasses .color-rolling-detail li {
    width: 35px;
    height: 32px;
    overflow: hidden
}

.product-recommend .product-recommend-thumbs-glasses .color-rolling-detail li.selected img {
    border-color: #ca141d
}

.product-recommend .product-recommend-thumbs-glasses .color-rolling-detail a {
    display: block;
    width: 30px;
    margin-left: 2px
}

.product-recommend .product-recommend-thumbs-glasses .color-rolling-detail img {
    width: 28px;
    height: 28px;
    border-radius: 2px;
    border: 1px solid #a4a4a4
}

.product-recommend .product-recommend-main {
    float: left;
    width: 210px;
    position: relative
}

.product-recommend .product-recommend-main a {
    cursor: default
}

.product-recommend .product-recommend-main:after {
    content: "";
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    top: 42px;
    right: 6px;
    background: url("../../images/echannel/icon/icon50.png") no-repeat 0 -86px;
    cursor: default
}

.product-recommend .product-recommend-main .product-recommend-thumbs {
    margin-left: 15px
}

.product-recommend .product-recommend-main .product-recommend-thumbs a p {
    text-align: center
}

.product-recommend .product-recommend-main .product-recommend-thumbs .price {
    text-align: center;
    text-indent: 0
}

.product-recommend .swiper-wrapper li {
    float: none
}

.product-recommend .product-recommend-detail {
    float: left;
    width: 512px;
    height: auto;
    position: relative
}

.product-recommend .product-recommend-detail .product-recommend-thumbs,
.product-recommend .product-recommend-detail .product-recommend-thumbs-glasses {
    width: 100%;
    position: static
}

.product-recommend .product-recommend-detail .grid-btn {
    top: 12px;
    margin-top: 0
}

.product-recommend .product-recommend-operation {
    float: left;
    margin-top: 11px;
    width: 165px;
    padding-left: 36px;
    color: #333
}

.product-recommend .product-recommend-operation li:first-child {
    margin-bottom: 1px
}

.product-recommend .product-recommend-operation .product-recommend-price span {
    color: #ca141d;
    font-size: 16px
}

.product-recommend .product-recommend-operation .product-button01,
.product-recommend .product-recommend-operation .product-button02 {
    width: 120px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    margin-top: 12px
}